在 ECMAScript 2016 中使用的 Array.concat 的高级用法

在前端开发中，数组是经常使用的数据结构之一。在 ECMAScript 2016 中，Array.concat 方法提供了一些高级用法，可以更加灵活地操作数组。

基本用法

Array.concat 方法可以将多个数组合并成一个新的数组。例如：

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.concat(arr2);
console.log(newArr); // [1, 2, 3, 4, 5, 6]

高级用法

合并数组和值

除了合并多个数组外，Array.concat 方法还可以合并数组和值。例如：

const arr1 = [1, 2, 3];
const arr2 = arr1.concat(4, 5, 6);
console.log(arr2); // [1, 2, 3, 4, 5, 6]

扁平化数组

Array.concat 方法还可以用于扁平化数组。例如：

const arr1 = [1, 2, [3, 4]];
const arr2 = [].concat(...arr1);
console.log(arr2); // [1, 2, 3, 4]

克隆数组

使用 Array.concat 方法可以轻松地克隆数组。例如：

const arr1 = [1, 2, 3];
const arr2 = arr1.concat();
console.log(arr2); // [1, 2, 3]

数组去重

使用 Array.concat 方法可以实现数组去重。例如：

const arr1 = [1, 2, 3];
const arr2 = [2, 3, 4];
const arr3 = arr1.concat(arr2).filter((item, index, arr) => arr.indexOf(item) === index);
console.log(arr3); // [1, 2, 3, 4]

总结

Array.concat 方法是一个非常实用的方法，可以用于合并数组、合并数组和值、扁平化数组、克隆数组、数组去重等操作。掌握这些高级用法可以让我们更加灵活地操作数组，提高开发效率。

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