前言

JavaScript 字符串操作是前端开发的基础技能，也是面试中常见的考点。掌握这些方法不仅可以提高编码效率，还能在面试中脱颖而出。本文将系统地介绍 JavaScript 中字符串的常用方法，从增删改查到转换操作，让你全面掌握这些必备技能。

1. 增加内容：concat

concat 方法用于将一个或多个字符串连接在一起，并返回一个新的字符串。

let str1 = "Hello";
let str2 = "World";
let result = str1.concat(" ", str2); // "Hello World"

小贴士：concat 不会修改原始字符串，而是返回一个新的字符串，确保原字符串不变。

2. 删除内容：slice, substring

slice 和 substring 方法用于提取字符串的子串。

• slice: 提取指定索引范围内的子串，支持负索引。

  let str = "Hello World";
  let result = str.slice(0, 5); // "Hello"
  

• substring: 类似于 slice，但不支持负索引。

  let str = "Hello World";
  let result = str.substring(6, 11); // "World"
  

小贴士：这两个方法都不会改变原字符串，slice 支持负索引，而 substring 则不支持。

3. 修改内容：trim, padStart, padEnd, replace, toUpperCase, toLowerCase

JavaScript 提供了多种方法来修改字符串的内容：

• trim: 移除字符串两端的空白字符，返回新字符串。

  let str = "  Hello World  ";
  let result = str.trim(); // "Hello World"
  

• padStart 和 padEnd: 在字符串的开头或结尾填充字符，返回新字符串。

  let str = "5";
  let result = str.padStart(3, "0"); // "005"
  let resultEnd = str.padEnd(3, "0"); // "500"
  

• replace: 替换字符串中的指定子串，返回新字符串。默认只替换第一个匹配项，如需替换所有匹配项，可以使用正则表达式。

  let str = "Hello World World";
  let result = str.replace("World", "JavaScript"); // "Hello JavaScript World"
  let resultAll = str.replace(/World/g, "JavaScript"); // "Hello JavaScript JavaScript"
  

• toUpperCase 和 toLowerCase: 将字符串转换为大写或小写，返回新字符串。

  let str = "Hello World";
  let upper = str.toUpperCase(); // "HELLO WORLD"
  let lower = str.toLowerCase(); // "hello world"
  

小贴士：上述所有方法都返回新字符串，而不会对原始字符串进行修改。

4. 查找内容：indexOf, lastIndexOf, charAt, startsWith, endsWith

查找字符串中特定内容的需求，JavaScript 提供了如下方法：

• indexOf 和 lastIndexOf: 返回子串在字符串中第一次或最后一次出现的索引。

  let str = "Hello World";
  let index = str.indexOf("o"); // 4
  let lastIndex = str.lastIndexOf("o"); // 7
  

• charAt: 获取指定索引处的字符。

  let str = "Hello World";
  let char = str.charAt(6); // "W"
  

• startsWith 和 endsWith: 检查字符串是否以指定子串开头或结尾。

  let str = "Hello World";
  let starts = str.startsWith("Hello"); // true
  let ends = str.endsWith("World"); // true
  

这些方法都非常高效，可以帮助快速定位和提取字符串中的内容。

5. 转换内容：split

split 方法用于将字符串按照指定的分隔符拆分为数组。

let str = "apple,banana,cherry";
let result = str.split(","); // ["apple", "banana", "cherry"]

split 是处理 CSV 数据或任何基于分隔符的字符串数据的利器。

小贴士：split 方法还可以接受第二个参数 limit，用于限制返回数组的最大长度。

let str = "apple,banana,cherry";
let result = str.split(",", 2); // ["apple", "banana"]

总结

JavaScript 提供了丰富的字符串操作方法，这些方法涵盖了字符串操作的方方面面，从增、删、改、查到转换。这些操作不仅在日常开发中极为重要，在面试中也是展示你对 JavaScript 掌握程度的好机会。掌握这些方法，你将能够更高效地处理文本数据，并在开发和面试中游刃有余。

希望本文能帮助你更加深入地理解和运用 JavaScript 字符串方法。