Array.from
时间: 2023-11-03 22:18:16 浏览: 44
Array.from是一个用于将类数组对象或可迭代对象转换为真正的数组的静态方法。它接受一个类数组对象或可迭代对象作为参数,并返回一个新的数组。例如:
```javascript
const arrayLikeObject = { 0: 'a', 1: 'b', 2: 'c', length: 3 };
const array = Array.from(arrayLikeObject);
console.log(array); // ['a', 'b', 'c']
const iterableObject = new Set([1, 2, 3]);
const array2 = Array.from(iterableObject);
console.log(array2); // [1, 2, 3]
```
请注意,Array.from方法还可以接受一个映射函数作为第二个参数,用于对数组中的每个元素进行转换。
相关问题
array.from
Array.from是JavaScript中的一个静态方法,用于从类数组对象或可迭代对象创建一个新的数组实例。它接收两个参数:第一个参数是要转换为数组的对象,第二个参数是一个可选的映射函数,用于对每个元素进行操作。
例如,我们可以使用Array.from来将一个字符串转换为字符数组:
```javascript
const str = "Hello";
const charArray = Array.from(str);
console.log(charArray); // ['H', 'e', 'l', 'l', 'o']
```
我们还可以使用映射函数对数组中的每个元素进行操作。例如,将数组中的每个元素都乘以2:
```javascript
const arr = [1, 2, 3, 4];
const doubledArray = Array.from(arr, element => element * 2);
console.log(doubledArray); // [2, 4, 6, 8]
```
通过Array.from方法,我们可以方便地将类数组对象或可迭代对象转换为真正的数组,并在转换过程中进行一些自定义操作。
Array.from用法
Array.from是一个静态方法,它用于从类似数组或可迭代对象中创建一个新的数组实例。它接受一个类数组对象或可迭代对象作为第一个参数,并可选地接受一个映射函数作为第二个参数。
例如,我们可以使用Array.from将字符串转换为字符数组:
```javascript
const str = 'hello';
const arr = Array.from(str);
console.log(arr); // ['h', 'e', 'l', 'l', 'o']
```
我们还可以将类似数组的对象(如NodeList)转换为真正的数组:
```javascript
const nodeList = document.querySelectorAll('div');
const arr = Array.from(nodeList);
console.log(arr); // [div, div, div, ...]
```
另外,我们还可以使用Array.from配合映射函数来对数组进行转换或处理:
```javascript
const arr = [1, 2, 3, 4];
const transformedArr = Array.from(arr, item => item * 2);
console.log(transformedArr); // [2, 4, 6, 8]
```
在上面的示例中,我们将原始数组中的每个元素乘以2,并将结果存储在新的数组中。
总而言之,Array.from是一个非常有用的方法,它可以帮助我们从不同类型的对象创建新的数组,并且可以通过映射函数对数组进行转换或处理。