字符串方法整理——涵盖ES6至ES13的更新与应用

字符串是编程中常用的数据类型，JavaScript提供了丰富且强大的字符串方法，可以帮助你轻松处理字符串数据。本文将对这些方法进行详细整理，涵盖ES6至ES13的更新，并提供相应的用法和示例，帮助你快速掌握字符串操作技巧，提升编程效率。

字符串基本方法

1. 字符串长度

使用length属性可以获取字符串的长度。例如：

let str = "Hello, world!";
console.log(str.length); // 输出：13

2. 访问字符串字符

可以使用下标来访问字符串中的字符。例如：

let str = "Hello, world!";
console.log(str[0]); // 输出：H
console.log(str[6]); // 输出：o

3. 截取字符串

可以使用substring()方法来截取字符串中的指定部分。例如：

let str = "Hello, world!";
console.log(str.substring(0, 5)); // 输出：Hello
console.log(str.substring(7)); // 输出：world!

4. 替换字符串

可以使用replace()方法来替换字符串中的指定部分。例如：

let str = "Hello, world!";
console.log(str.replace("world", "JavaScript")); // 输出：Hello, JavaScript!

5. 大小写转换

可以使用toUpperCase()和toLowerCase()方法将字符串转换为大写或小写。例如：

let str = "Hello, world!";
console.log(str.toUpperCase()); // 输出：HELLO, WORLD!
console.log(str.toLowerCase()); // 输出：hello, world!

ES6及以上版本新增字符串方法

1. 模板字面量

使用模板字面量（反撇号 ）可以非常简单地实现需求。例如：

let name = "John";
let age = 30;
let message = `Hello, my name is ${name} and I am ${age} years old.`;
console.log(message); // 输出：Hello, my name is John and I am 30 years old.

2. includes()和indexOf()方法

这两个方法用于检查字符串中是否包含某个子字符串。includes()方法返回一个布尔值，indexOf()方法返回子字符串的索引。例如：

let str = "Hello, world!";
console.log(str.includes("world")); // 输出：true
console.log(str.indexOf("world")); // 输出：7

3. startsWith()和endsWith()方法

这两个方法用于检查字符串是否以某个子字符串开头或结尾。startsWith()方法返回一个布尔值，endsWith()方法返回一个布尔值。例如：

let str = "Hello, world!";
console.log(str.startsWith("Hello")); // 输出：true
console.log(str.endsWith("!")); // 输出：true

4. repeat()方法

repeat()方法用于重复字符串。例如：

let str = "Hello";
console.log(str.repeat(3)); // 输出：HelloHelloHello

5. padStart()和padEnd()方法

这两个方法用于在字符串开头或结尾填充指定数量的字符。padStart()方法在字符串开头填充，padEnd()方法在字符串结尾填充。例如：

let str = "Hello";
console.log(str.padStart(10, "*")); // 输出：**** ***Hello
console.log(str.padEnd(10, "*")); // 输出：Hello**** ***

6. trim()方法

trim()方法用于删除字符串两端的空格。例如：

let str = " Hello, world! ";
console.log(str.trim()); // 输出：Hello, world!

7. slice()方法

slice()方法用于从字符串中提取指定范围的字符。它类似于substring()方法，但它允许你指定负数索引。例如：

let str = "Hello, world!";
console.log(str.slice(0, 5)); // 输出：Hello
console.log(str.slice(7)); // 输出：world!
console.log(str.slice(-5)); // 输出：world

总结

本文整理了字符串方法，涵盖ES6至ES13的更新，并提供了详细的用法和示例，希望能够帮助你快速掌握字符串操作技巧，提升编程效率。