迈向程序世界之巅：数组引用类型方法，探索数据掌控之道

2024-01-02 18:21:07

JavaScript数组的引用类型方法

JavaScript中数组的引用类型方法，为我们打开了一扇数据操控的窗口。通过对数组本身进行操作，我们可以轻松修改数组的结构或内容，实现数据的高效管理。

数组的创建：from方法

from()方法是创建数组的一种快捷方式。它允许我们从一个类似数组的对象、一个迭代器对象、或一个可展开的对象中创建数组。语法格式如下：

Array.from(object)

其中object可以是以下类型之一：

类似数组的对象（如String对象、arguments对象）
迭代器对象（如Set对象、Map对象）
可展开的对象（如Generator对象、TypedArray对象）

使用from()方法可以轻松创建各种各样的数组，例如：

// 从字符串创建数组
const stringArray = Array.from('Hello');

// 从arguments对象创建数组
const argsArray = Array.from(arguments);

// 从Set对象创建数组
const setArray = Array.from(new Set([1, 2, 3]));

数组的检测：instanceof运算符和Array.isArray方法

要判断一个变量是否是数组，我们可以使用instanceof运算符或Array.isArray()方法。

instanceof运算符：

variable instanceof Array

Array.isArray()方法：

Array.isArray(variable)

这两个方法都会返回一个布尔值，true表示变量是数组，false表示变量不是数组。

// 使用instanceof运算符检测数组
const arr1 = [1, 2, 3];
console.log(arr1 instanceof Array); // true

// 使用Array.isArray()方法检测数组
const arr2 = 'Hello';
console.log(Array.isArray(arr2)); // false

数组的迭代器方法：fill和copyWithin

fill()方法：

array.fill(value, start, end)

fill()方法用于用一个固定值填充数组中的指定元素。

copyWithin()方法：

array.copyWithin(target, start, end)

copyWithin()方法用于将数组中指定范围的元素复制到另一个指定范围中。

这两个方法都有三个参数：

value：要填充的固定值（对于fill()方法）或要复制的元素的起始索引（对于copyWithin()方法）
start：要填充或复制的元素的起始索引
end：要填充或复制的元素的结束索引（不包括该索引）

// 使用fill()方法填充数组
const arr1 = [1, 2, 3, 4, 5];
arr1.fill(0, 2, 4);
console.log(arr1); // [1, 2, 0, 0, 5]

// 使用copyWithin()方法复制数组
const arr2 = [1, 2, 3, 4, 5];
arr2.copyWithin(2, 0, 2);
console.log(arr2); // [1, 2, 1, 2, 5]