ECMAScript 2016 是 JavaScript 语言的一个版本，它引入了许多新的语法和函数，其中最值得关注的是字符串扩展语法和函数。本文将详解 ECMAScript 2016 中的字符串扩展语法和函数，包括模板字符串、字符串重复、字符串包含、字符串搜索、字符串填充和字符串解构。
模板字符串
模板字符串是 ECMAScript 2016 中引入的一项新的语法，它是一种字符串的表示方式，使用反引号 ` 包裹字符串内容，其中可以插入表达式和变量，并使用 ${} 包裹。例如：
const name = "张三";
const age = 20;
console.log(`我是${name}，今年${age}岁`);
// 输出：我是张三，今年20岁模板字符串的优势在于它可以非常方便地拼接字符串，并且代码更加清晰易懂。同时，模板字符串还支持多行字符串：
console.log(`第一行 第二行 第三行`); // 输出： // 第一行 // 第二行 // 第三行
字符串重复
ECMAScript 2016 中还新增了字符串重复的函数，即 repeat()，它接收一个整数参数，用于指定要重复的次数。例如：
console.log("hello".repeat(3));
// 输出：hellohellohello这个函数可以用于生成一堆重复的字符串，例如生成一堆空格：
console.log(" ".repeat(10));
// 输出： （10个空格）字符串包含
ECMAScript 2016 中新增了字符串包含的方法，即 includes()，它接收一个字符串参数，用于判断原字符串是否包含指定字符串。例如：
const str = "hello world";
console.log(str.includes("world"));
// 输出：true这个方法可以用于判断字符串是否包含指定字符，以及判断一个数组中是否包含某个元素。
字符串搜索
ECMAScript 2016 中新增了字符串搜索的方法，即 indexOf() 和 lastIndexOf()，它们接收一个字符串参数，用于搜索指定字符串在原字符串中的位置。例如：
const str = "hello world";
console.log(str.indexOf("o"));
// 输出：4
console.log(str.lastIndexOf("o"));
// 输出：7这个方法可以用于搜索指定字符在字符串中的位置，以及在字符串中查找指定的子串。
字符串填充
ECMAScript 2016 中新增了字符串填充的方法，即 padStart() 和 padEnd()，它们接收两个参数：一个用于指定填充后的字符串长度，另一个用于指定用来填充的字符串。例如：
console.log("123".padStart(5, "0"));
// 输出：00123
console.log("123".padEnd(5, "0"));
// 输出：12300这个方法可以用于在字符串前后填充指定的字符，使其满足长度要求。
字符串解构
ECMAScript 2016 中还新增了字符串解构的功能，即可以使用解构赋值的语法，从一个字符串中提取部分内容。例如：
const [a, b] = "12"; console.log(a, b); // 输出：1, 2
这个功能可以用于从字符串中提取数字等数据，并进行进一步的处理。
总结
ECMAScript 2016 中的字符串扩展语法和函数，大大提升了开发者在处理字符串方面的效率和体验。开发者可以根据自己的需求选择合适的语法和函数，使代码更加简洁和易懂。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65a2623cadd4f0e0ffa866fa