JavaScript数组构造from函数

最新推荐文章于 2024-02-01 17:43:55 发布

jifukui

最新推荐文章于 2024-02-01 17:43:55 发布

阅读量464

点赞数

分类专栏：前端综合文章标签： javascript

本文链接：https://blog.csdn.net/jifukui/article/details/108456851

版权

本文介绍了JavaScript的Array.from方法，它用于创建新的数组，并不修改原始数组。Array.from接受三个参数，主要用于从类似数组对象或可迭代对象创建一个新的数组。文章通过多个示例详细解释了构造规则，包括有length属性的对象、已有数组、集合对象、数组对象配合第二个参数以及字符串对象的转换情况。

摘要由CSDN通过智能技术生成

之前我们讲解了数组的填充方法fill函数，fill函数是对当前的数组进行填充且返回值为当前的数组对象，from和fill相类似也可以对数组进行填充，但是和fill不同的是form的返回值是一个新的数组对象且不会修改原始数组。form函数也可以接收3个参数第一个参数是需要根据进行构造的对象，第二个参数是一个方法返回值为新数组的值，第三个参数为第二个参数的this对象。

构造规则：

当只有参数1的时候根据传入的对象是否具有length属性进行处理，没有此属性直接返回一个空的数组，如果有此属性对对象的每一个属性进行遍历（自己的或者是原型链上的），对于属性名为可以转换为数值的字符串且小于对象长度的设置数组对应位置的值，对于没有匹配的位置设置为undefined。

当有第一个参数和第二个参数根据第二个参数运行的返回值组合成数组类似于map函数。

下面我们看看样例程序

<!DOCTYPE html>
<html>
    <head>
        <title>JavaScript form的使用</title>
        <meta charset="utf-8">
    </head>
    <body>
        <textarea id="value" style="width: 400px;height: 300px;"></textarea>
    </body>
    <script>
        let dom =document.getElementById("value");
        let str=[];
        let data={&#