JavaScript 字符串 index|极客笔记

JavaScript 字符串 index

在 JavaScript 中，字符串是一种基本数据类型，表示文本数据。字符串可以包含任意字符，包括字母、数字、符号等。在字符串中，每个字符都有一个索引值，表示其在字符串中的位置。索引值从0开始，依次递增，最后一个字符的索引值是字符串的长度减1。

本文将详细介绍 JavaScript 字符串中的索引值，包括如何访问字符串中的单个字符、子串和常用方法等内容。

访问字符串中的单个字符

要访问字符串中的单个字符，可以使用方括号加索引值的方式访问。例如：

let str = "Hello World";
console.log(str[0]); // 输出 "H"
console.log(str[6]); // 输出 "W"

上面的代码示例中，我们定义了一个字符串 str，然后通过str[0]和str[6]的形式分别访问字符串中的第一个和第七个字符。

访问字符串中的子串

除了访问单个字符，我们还可以访问字符串中的子串，即连续的一段字符。可以使用substring()方法或者字符串的slice()方法来获取子串。例如：

let str = "JavaScript is awesome";
let sub1 = str.substring(0, 10);
let sub2 = str.slice(11);

console.log(sub1); // 输出 "JavaScript"
console.log(sub2); // 输出 "is awesome"

在上面的代码示例中，我们定义了一个字符串str，然后使用substring()方法和slice()方法分别获取了字符串中的两个子串。

字符串索引与长度

在 JavaScript 中，可以使用length属性获取字符串的长度，同时也可以通过索引获取字符串中的字符。在访问字符串时，如果索引值超出了字符串的长度范围，将返回undefined。例如：

let str = "Hello";
console.log(str.length); // 输出 5

for (let i = 0; i < str.length; i++) {
  console.log(str[i]);
}

console.log(str[5]); // 输出 undefined

在上面的代码示例中，我们定义了一个字符串str，通过length属性获取了字符串的长度，并且使用循环遍历了字符串中的所有字符。最后访问了超出索引范围的字符，返回undefined。

常用的字符串方法

除了访问字符串中的字符和子串，JavaScript 还提供了许多用于处理字符串的方法，比如indexOf()、lastIndexOf()、toUpperCase()、toLowerCase()等等。下面简单介绍几个常用的字符串方法。

indexOf()

indexOf()方法用于返回字符串中第一次出现指定字符的索引值。如果找不到指定字符，则返回-1。如下例：

let str = "Hello World";
let index1 = str.indexOf("o");
let index2 = str.indexOf("W");

console.log(index1); // 输出 4
console.log(index2); // 输出 6

lastIndexOf()

lastIndexOf()方法和indexOf()类似，不过lastIndexOf()返回字符串中最后一次出现指定字符的索引值。如果找不到指定字符，则返回-1。例如：

let str = "Hello World";
let index1 = str.lastIndexOf("o");
let index2 = str.lastIndexOf("W");

console.log(index1); // 输出 7
console.log(index2); // 输出 6

toUpperCase() 和 toLowerCase()

toUpperCase()方法用于将字符串中的所有字母转为大写，而toLowerCase()方法则用于将字符串中的所有字母转为小写。示例如下：

let str = "Hello World";
let upperCaseStr = str.toUpperCase();
let lowerCaseStr = str.toLowerCase();

console.log(upperCaseStr); // 输出 "HELLO WORLD"
console.log(lowerCaseStr); // 输出 "hello world"