ECMAScript 2016：字符串和数组新方法

ECMAScript 2016引入了许多有用的新特性，其中有一些重要的特性是针对字符串和数组进行的改进。这些新的方法和语法使得处理字符串和数组变得更加容易和高效。在本文中，我们将深入了解这些新特性的用法和指导意义，并附带示例代码供您学习。

字符串新方法

includes()

includes()方法用于判断字符串是否包含指定的子字符串，并返回一个布尔值。它接受两个参数：第一个参数为需要查找的子字符串，第二个参数为可选的起始位置索引。

const str = 'apple orange banana';
console.log(str.includes('orange')); // true
console.log(str.includes('grape')); // false

repeat()

repeat()方法用于将字符串重复n次，并返回一个新的字符串。它接受一个整数参数，该参数表示字符串需要被重复的次数。

const str = 'hello ';
console.log(str.repeat(3)); // "hello hello hello "

startsWith()和endsWith()

startsWith()和endsWith()方法分别用于检查字符串是否以指定的前缀或后缀开始或结束，并返回一个布尔值。它们都接受两个参数：第一个参数为需要查找的前缀或后缀，第二个参数为可选的起始或结束位置索引。

const str = 'apple orange banana';
console.log(str.startsWith('apple')); // true
console.log(str.endsWith('banana')); // true

padStart()和padEnd()

padStart()和padEnd()方法分别用于将字符串填充到指定长度，并返回一个新的字符串。它们接受两个参数：第一个参数为字符串需要填充到的总长度，第二个参数为可选的填充字符。

const str = 'hello';
console.log(str.padStart(8, '-')); // "---hello"
console.log(str.padEnd(8, '-')); // "hello---"

数组新方法

includes()

includes()方法同样适用于数组，用于判断数组是否包含指定的元素，并返回一个布尔值。它接受两个参数：第一个参数为需要查找的元素，第二个参数为可选的起始位置索引。

const arr = [1, 2, 3, 4, 5];
console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

find()和findIndex()

find()和findIndex()方法都用于在数组中查找符合条件的第一个元素，并返回其值或索引。它们都接受一个回调函数作为参数，该回调函数接受三个参数：当前元素、当前元素的索引和原数组本身。find()方法返回符合条件的元素的值，而findIndex()方法返回符合条件的元素的索引。如果没有符合条件的元素，则返回undefined或-1。

const arr = [1, 2, 3, 4, 5];
console.log(arr.find((element) => element > 3)); // 4
console.log(arr.findIndex((element) => element > 3)); // 3

fill()

fill()方法用于将数组的所有元素替换为指定的值，并返回修改后的数组。它接受两个参数：第一个参数为需要填充的值，第二个参数为可选的填充起始位置和结束位置索引。

const arr = [1, 2, 3, 4, 5];
console.log(arr.fill(0)); // [0, 0, 0, 0, 0]
console.log(arr.fill(0, 2, 4)); // [0, 0, 0, 4, 5]

结论

ECMAScript 2016引入了许多新的字符串和数组方法，使得前端开发更加高效和

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/672861132e7021665e20001a