js中Array.from方法

`Array.from()` 是JavaScript的一个内置方法，用于将类数组对象（具有length属性但不是真正的数组）转换为真正的数组。以下是它的基本用法：

1. 转化空对象的实例：

   Array.from({ length: 3 });
   // 结果：[undefined, undefined, undefined]

2. 从类数组对象创建数组，并指定回调函数来填充元素：

   let arr = Array.from({ length: 1000 }, (x, i) => i);
   console.log(arr);
   // 结果：[0, 1, 2, ..., 998, 999]

在这个例子中，回调函数 `(x, i)` 会为每个索引 `i` 生成一个对应的元素。

对于第二个示例，`arrayLike` 对象已经是类数组形式，可以直接用 `Array.from()` 来转换：

let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 };
let arr2 = Array.from(arrayLike);
// 结果：['a', 'b', 'c']

这将返回一个新数组，其中的元素与 `arrayLike` 的键对应的值相同。

相关问题

es6中 Array.from方法和Array.of方法的区别

在ES6中，Array.from()和Array.of()都是用于创建新数组的方法，但它们的功能和使用方式有所不同。

1. Array.from():
- Array.from()方法用于从类数组对象或可迭代对象中创建一个新的数组实例。
- 它接受一个类数组对象或可迭代对象作为第一个参数，并可选地接受一个映射函数和一个上下文对象作为第二个和第三个参数。
- 它将类数组对象或可迭代对象中的每个元素转换为数组的对应元素。
- 映射函数可以在转换过程中对每个元素进行处理。
- 返回一个新的数组实例。

示例：

   // 从字符串中创建数组
   const str = 'hello';
   const arr = Array.from(str);
   console.log(arr); // ['h', 'e', 'l', 'l', 'o']

   // 从集合中创建数组
   const set = new Set([1, 2, 3]);
   const arr2 = Array.from(set, num => num * 2);
   console.log(arr2); // [2, 4, 6]

2. Array.of():
- Array.of()方法用于创建一个包含任意数量参数的新数组实例。
- 它接受任意数量的参数，并将这些参数作为数组的元素，返回一个新的数组实例。
- 它解决了使用Array构造函数创建单个元素数组时的一些问题。

示例：

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

   const arr2 = Array.of(5);
   console.log(arr2); // [5]

   const arr3 = Array.of(undefined);
   console.log(arr3); // [undefined]

总结：
- Array.from()方法用于从类数组对象或可迭代对象中创建一个新数组，并提供映射功能。
- Array.of()方法用于创建一个包含任意数量参数的新数组实例。

JS中Array.from和Array.of的区别

`Array.from`和`Array.of`都是用来创建数组的方法，但它们的功能有所不同。

1. `Array.from`方法从一个类似数组或可迭代对象中创建一个新的数组实例。

例如，将一个字符串转换为数组：

const str = 'hello';
const arr = Array.from(str); // ['h', 'e', 'l', 'l', 'o']

或者将一个类似数组的对象转换为数组：

const obj = {
  0: 'a',
  1: 'b',
  2: 'c',
  length: 3
};
const arr = Array.from(obj); // ['a', 'b', 'c']

2. `Array.of`方法通过将一组值作为参数，创建一个新的数组实例。

例如：

const arr = Array.of(1, 2, 3); // [1, 2, 3]

与`Array.from`不同，`Array.of`方法总是创建一个包含传递的所有参数的数组。

另外，如果只传递了一个参数给`Array.of`，它将创建一个只包含该参数的数组：

const arr = Array.of(5); // [5]

相反，如果传递一个单一的数字给`Array.from`，它将创建一个具有该数字指定长度的数组：

const arr = Array.from({ length: 3 }, (_, index) => index); // [0, 1, 2]

总之，`Array.from`和`Array.of`方法是用于创建数组的两个不同的方法，它们的功能和应用场景有所不同。