ES6 中的字符串和数组的新方法

随着 JavaScript 的发展，ES6 引入了许多新的特性，其中包括了一些字符串和数组的新方法。这些新方法可以让我们更加方便地处理字符串和数组，提高代码的效率和可读性。

字符串的新方法

includes

includes 方法可以用来判断一个字符串是否包含另一个字符串。它返回一个布尔值。

const str = 'hello world';
console.log(str.includes('world')); // true
console.log(str.includes('foo')); // false

startsWith 和 endsWith

startsWith 和 endsWith 方法分别用来判断一个字符串是否以另一个字符串开始或结束。它们也返回布尔值。

const str = 'hello world';
console.log(str.startsWith('hello')); // true
console.log(str.startsWith('foo')); // false
console.log(str.endsWith('world')); // true
console.log(str.endsWith('foo')); // false

repeat

repeat 方法可以用来重复一个字符串。它接受一个参数，表示要重复的次数。

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

padStart 和 padEnd

padStart 和 padEnd 方法可以用来在一个字符串的前面或后面填充一些字符，使其达到一定的长度。它们接受两个参数，第一个参数表示要填充的长度，第二个参数表示要填充的字符。

const str = 'hello';
console.log(str.padStart(8, 'x')); // xxxhello
console.log(str.padEnd(8, 'x')); // helloxxx

数组的新方法

from

from 方法可以用来将一个类数组对象或可迭代对象转换成数组。

const arrayLike = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const arr = Array.from(arrayLike);
console.log(arr); // ['a', 'b', 'c']

const iterable = 'hello';
const arr2 = Array.from(iterable);
console.log(arr2); // ['h', 'e', 'l', 'l', 'o']

find 和 findIndex

find 和 findIndex 方法分别用来查找数组中符合条件的第一个元素和第一个元素的索引。它们接受一个回调函数作为参数，该回调函数返回一个布尔值，表示是否符合条件。

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

fill

fill 方法可以用来填充数组中的元素。它接受一个参数，表示要填充的值。

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

includes

includes 方法也可以用来判断一个数组是否包含某个元素。它返回一个布尔值。

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

总结

ES6 中的字符串和数组的新方法可以让我们更加方便地处理字符串和数组，提高代码的效率和可读性。我们需要熟练掌握这些新方法，并在实际开发中灵活运用。

来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656c4147d2f5e1655d4a5a69