array.from

Array.from是一个Javascript方法，用于创建一个新的数组对象，从类似数组或可迭代对象中创建。它接收一个类数组或可迭代对象作为***个参数，并可选地接收一个映射函数和一个上下文对象作为参数。在本文中，我将深入探讨Array.from方法的用法、特性和示例。

Array.from方法的基本用法很简单，只需要传入一个类数组或可迭代对象即可。这些对象可以是类似数组的对象，比如DOM节点列表、字符串、Set对象、Map对象等。例如，我们可以使用Array.from来将一个字符串转换为一个数组：

```js

const str = 'hello';

const arr = Array.from(str);

console.log(arr); // ['h'

'e'

'l'

'l'

'o']

```

在上面的例子中，我们将一个字符串转换为一个包含每个字符的数组。这对于需要操作字符串中的字符的情况非常有用。

除了类数组和可迭代对象，Array.from还接受一个映射函数作为第二个参数。这个映射函数可以用来对每个元素进行转换操作。例如，我们可以使用Array.from来将一个数字数组中的每个元素加倍：

```js

const numbers = [1

2

3

4

5];

const doubledNumbers = Array.from(numbers

num => num * 2);

console.log(doubledNumbers); // [2

4

6

8

10]

```

在上面的例子中，我们传入了一个映射函数，该函数将每个元素乘以2。这样，我们可以方便地对数组中的每个元素进行转换操作。

除了映射函数，Array.from还可以接受一个上下文对象作为第三个参数。这个上下文对象将在映射函数中被用作this的值。这在需要在映射函数中访问外部变量时非常有用。例如，我们可以使用Array.from来将一个类数组对象转换为一个数组，并在映射函数中访问外部变量：

```js

const obj = {

length: 5

fill: function(val) {

Array.from(this

() => val);

}

};

const newArr = obj.fill('hello');

console.log(newArr); // ['hello'

'hello'

'hello'

'hello'

'hello']

```

在上面的例子中，我们定义了一个填充函数fill，它使用Array.from来将一个类数组对象转换为一个数组，并将外部变量val应用到每个元素中。

总的来说，Array.from方法是一个非常强大和灵活的工具，可以很方便地从类数组或可迭代对象中创建新的数组对象。它可以接受映射函数和上下文对象作为参数，使得操作数组变得更加灵活和便捷。希望本文能够帮助你更好地理解Array.from方法的用法和特性。