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