aayfom和aayof(aayfom()方法)

导语：29、简述 Array.form 和 Array.of 的使用及区别？（了解）

一、 Array.from() : 将伪数组对象或可遍历对象转换为真数组

Array.from()用法

Array.from 接受三个参数，但只有 input 是必须的：

input: 你想要转换的类似数组对象和可遍历对象

map: 类似于数组的 map 方法，用来对每个元素进行处理，将处理后的值放入返回的数组

context: 绑定 map 中用到的 this

只要是部署了 iterator 接口的数据结构，Array.from 都能将其转为数组:

Array.from 还可以接受第二个参数，作用类似于数组的 map 方法，用来对每个元素进行处理，处理后的值放入返回的数组。

如果 map 函数里面用到了 this 关键字，还可以传入 Array.from 的第三个参数，用来绑定this

Array.from()可以将各种值转为真正的数组，并且还提供 map 功能。这实际上意味着，只要有一个原始的数据结构，你就可以先对它的值进行处理，然后转成规范的数组结构，进而就可以使用数量众多的数组方法。

二、Array.of(v1, v2, v3):将一系列值转换成数组

当调用 newArray( )构造器时，根据传入参数的类型与数量的不同，实际上会导致一些不同的结果，例如：

当使用单个数值参数来调用 Array 构造器时，数组的长度属性会被设置为该参数。 如果使用多个参数(无论是否为数值类型)来调用，这些参数也会成为目标数组的项。数组的这种行为既混乱又有风险，因为有时可能不会留意所传参数的类型。ES6 引入了 Array.of( )方法来解决这个问题。该方法的作用非常类似 Array 构造器，但在使用单个数值参数的时候并不会导致特殊结果。Array.of( )方法总会创建一个包含所有传入参数的数组，而不管参数的数量与类型：

Array.of 基本上可以用来替代 Array()或 newArray()，并且不存在由于参数不同而导致的重载，而且他们的行为非常统一。

本文内容由快快网络小茹创作整理编辑！