数组扩展

Wed, 02 Oct 2024 00:00:00 +0800

ES6（ECMAScript 2015）为JavaScript数组引入了多项扩展功能，这些功能不仅简化了数组操作，还提高了代码的可读性和效率。本文将详细介绍ES6数组扩展的主要功能和用法。

一、扩展运算符（…）

扩展运算符可以用于数组的赋值、合并、解构赋值以及将字符串转为数组。

赋值数组：

let arr1 = [100, 200, 300, [500]];
let arr2 = [...arr1]; // 浅拷贝
console.log(arr2 == arr1); // false
arr1[0] = 400;
console.log(arr2); // 不受影响
arr1[3][0] = 600;
console.log(arr2); // 受影响（只拷贝了一层）

合并数组：

console.log([...[1, 2, 3], ...[4, 5, 6]]); // [1, 2, 3, 4, 5, 6]

解构赋值：

let [a, ...list] = [1, ...["a", "b"]];
console.log(a); // 1
console.log(list); // ["a", "b"]

将字符串转为数组：

console.log([..."str"]); // ["s", "t", "r"]

二、Array.from()

Array.from()方法用于将类数组对象或可迭代对象转换为真正的数组。

let arrLike = {
 "0": "内容",
 "1": "内容2",
 "2": "内容3",
 length: 3
};
console.log(Array.from(arrLike)); // ["内容", "内容2", "内容3"]

此外，Array.from()还可以接受一个回调函数，用于对数组中的每个元素进行处理。

let arr = Array.from({ length: 2 }, () => "jack");
console.log(arr); // ["jack", "jack"]

三、Array.of()

Array.of()方法用于将一组值转换为数组，与Array构造函数的行为不同，Array.of()不会把一个参数作为数组的长度。

数组扩展 on Last Stand

数组扩展

一、扩展运算符（…）

二、Array.from()

三、Array.of()