js 建立數組方法以及區別

示例代碼: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

相關文章
相關標籤/搜索