js 建立数组方法以及区别

时间 2019-11-26

原文原文链接

示例代码：javascript

<!DOCTYPE html>
<html lang="zh">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <title>js 建立数组方法以及区别</title>
    </head>

    <body>

        <script type="text/javascript">
            //方法一 new Array
 console.log(new Array(2)) //方法二 Array.from
 console.log(Array.from({ length: 2 })) //方法三 
 let arr= [1,2] console.log(arr) //方法四
 console.log([...arr]) function generateCards(n) { return Array.from({ length: n }).map((val, i) => i) } let cards = generateCards(2) console.log(cards); </script>
    </body>

</html>

控制台输出为：html

使用new Array建立的数组,具备length属性，没有每一个元素。java

使用Array.from建立的数组,具备length属性，每一个元素为undefined，所以后续可使用filter或者map等方法。array.from还能够转为相似数组的对象，...扩展运算符不能。数组

概念：相似数组的对象，本质特征只有一点，即必须有length属性。ui