JS中【字符串】常用知识点总结

JavaScript 中字符串操作是前端开发中非常常见的任务，以下是一些常用的字符串操作知识点：

1. 创建字符串

• 使用引号：可以用单引号 ('')、双引号 ("") 或反引号（````）创建字符串。

  let str1 = 'Hello';
  let str2 = "World";
  let str3 = `Hello, ${str2}`; // 使用模板字符串
  

2. 字符串长度

• .length 属性：用于获取字符串的长度。

  let str = 'JavaScript';
  console.log(str.length); // 输出: 10
  

3. 字符串连接

• + 运算符：用于连接两个或多个字符串。

  let str1 = 'Hello, ';
  let str2 = 'World!';
  let result = str1 + str2;
  console.log(result); // 输出: 'Hello, World!'
  

• 模板字符串：通过 ${} 在字符串中嵌入变量或表达式。

  let name = 'John';
  let greeting = `Hello, ${name}!`;
  console.log(greeting); // 输出: 'Hello, John!'
  

4. 字符串查找

• .indexOf()：返回子字符串首次出现的位置，未找到则返回 -1。

  let str = 'Hello, World!';
  console.log(str.indexOf('World')); // 输出: 7
  console.log(str.indexOf('world')); // 输出: -1 (大小写敏感)
  

• .includes()：判断字符串是否包含指定子字符串，返回布尔值。

  let str = 'Hello, World!';
  console.log(str.includes('World')); // 输出: true
  console.log(str.includes('world')); // 输出: false
  

• .startsWith() 和 .endsWith()：分别判断字符串是否以指定子字符串开头或结尾。

  let str = 'JavaScript';
  console.log(str.startsWith('Java')); // 输出: true
  console.log(str.endsWith('Script')); // 输出: true
  

5. 字符串提取

• .slice()：提取字符串的某部分，参数为起始索引和结束索引（不包括结束索引）。

  let str = 'Hello, World!';
  console.log(str.slice(7, 12)); // 输出: 'World'
  

• .substring()：类似于 .slice()，但不接受负值作为索引。

  let str = 'Hello, World!';
  console.log(str.substring(7, 12)); // 输出: 'World'
  

• .substr()：提取从起始位置开始的指定长度的字符串。

  let str = 'Hello, World!';
  console.log(str.substr(7, 5)); // 输出: 'World'
  

6. 字符串替换

• .replace()：用于替换字符串中的子字符串。

  let str = 'Hello, World!';
  let newStr = str.replace('World', 'JavaScript');
  console.log(newStr); // 输出: 'Hello, JavaScript!'
  

• 全局替换：通过正则表达式的 g 标志实现全局替换。

  let str = 'apple, orange, apple';
  let newStr = str.replace(/apple/g, 'banana');
  console.log(newStr); // 输出: 'banana, orange, banana'
  

7. 字符串拆分

• .split()：按照指定的分隔符将字符串拆分为数组。

  let str = 'Hello, World, JavaScript';
  let arr = str.split(', ');
  console.log(arr); // 输出: ['Hello', 'World', 'JavaScript']
  

8. 字符串转换大小写

• .toUpperCase()：将字符串转换为大写。

  let str = 'Hello';
  console.log(str.toUpperCase()); // 输出: 'HELLO'
  

• .toLowerCase()：将字符串转换为小写。

  let str = 'Hello';
  console.log(str.toLowerCase()); // 输出: 'hello'
  

9. 去除空白字符

• .trim()：去除字符串两端的空白字符。

  let str = '   Hello, World!   ';
  console.log(str.trim()); // 输出: 'Hello, World!'
  

10. 字符串的重复

• .repeat()：重复一个字符串指定次数。

  let str = 'Hello! ';
  console.log(str.repeat(3)); // 输出: 'Hello! Hello! Hello! '
  

11. 字符串的不可变性

• 在 JavaScript 中，字符串是不可变的，即不能直接修改字符串中的某个字符。

  let str = 'Hello';
  str[0] = 'h'; // 不会改变原字符串
  console.log(str); // 仍然输出: 'Hello'
  

12. 转换为字符串

• .toString() 和 String()：可以将其他数据类型转换为字符串。

  let num = 123;
  let str = num.toString();
  console.log(typeof str); // 输出: 'string'
  
  let bool = true;
  let str2 = String(bool);
  console.log(str2); // 输出: 'true'
  

这些是 JavaScript 字符串操作中最常用的一些知识点。掌握这些方法，可以更高效地处理和操作字符串数据。