ES7 中新增的数组方法！奉上 JavaScript 骚操作-JavaScript中文网-JavaScript教程资源分享门户

随着前端技术的不断发展，JavaScript 也在不断地更新和完善。ES7 中新增了一些非常实用的数组方法，让我们在处理数组时更加方便和高效。本文将对 ES7 中新增的数组方法进行详细介绍，并提供相关的示例代码，帮助读者更好地理解和使用这些方法。

includes()

includes() 方法用于判断一个数组是否包含某个元素，返回值为布尔值。它的语法如下：

array.includes(searchElement[, fromIndex])

其中，searchElement 表示要查找的元素，fromIndex 表示开始查找的位置，默认为 0。

示例代码：

const arr = [1, 2, 3, 4, 5];

console.log(arr.includes(3)); // true
console.log(arr.includes(6)); // false

flat() 方法用于将多维数组转换为一维数组。它的语法如下：

array.flat([depth])

其中，depth 表示要转换的层数，默认为 1。

示例代码：

const arr = [1, [2, [3, 4]]];

console.log(arr.flat()); // [1, 2, [3, 4]]
console.log(arr.flat(2)); // [1, 2, 3, 4]

flatMap() 方法结合了 map() 和 flat() 两个方法的功能，它首先对数组中的每个元素执行一个函数，然后将结果压缩成一个新数组。它的语法如下：

array.flatMap(callback[, thisArg])

其中，callback 表示要执行的函数，thisArg 表示执行函数时的上下文对象。

示例代码：

const arr = [1, 2, 3];

console.log(arr.flatMap(x => [x * 2])); // [2, 4, 6]

padStart() 和 padEnd() 方法用于在字符串的开头或结尾填充指定的字符，使字符串达到指定的长度。它们的语法如下：

string.padStart(targetLength[, padString])
string.padEnd(targetLength[, padString])

其中，targetLength 表示要达到的长度，padString 表示要填充的字符，默认为一个空格。

示例代码：

const str = 'hello';

console.log(str.padStart(10, 'abc')); // abcabcchello
console.log(str.padEnd(10, 'abc')); // helloabcab

Object.values() 方法返回一个对象所有可枚举属性的值组成的数组，Object.entries() 方法返回一个对象所有可枚举属性的键值对组成的数组。它们的语法如下：

Object.values(obj)
Object.entries(obj)

其中，obj 表示要获取值或键值对的对象。

示例代码：

const obj = { a: 1, b: 2, c: 3 };

console.log(Object.values(obj)); // [1, 2, 3]
console.log(Object.entries(obj)); // [["a", 1], ["b", 2], ["c", 3]]

本文介绍了 ES7 中新增的一些数组方法，并提供了相应的示例代码。这些方法可以让我们在处理数组时更加方便和高效，提高开发效率。读者可以根据自己的实际需求选择合适的方法进行使用。

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