JS基础 - 数组

frontEnd

Array 的用法全览：
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array

基本用法

window.Array 全局对象（也是函数）

1
2
3
4
Array(3) // {length:3} 
Array(3,3) // [3,3] 
new Array(3) 跟不加 new 一样的效果
new Array(3,3,) 跟不加 new 一样的效果

加不加 new 结果一样

1
2
3
window.Function 全局对象（也是函数）
Function('x','y','return x+y')
new Function('x','y','return x+y')

加不加 new 结果一样

JS 中数组的本质

人类理解：数组就是数据的有序集合
JS理解：数据就是原型链中有 Array.prototype 的对象

img-01
img-02

伪数组

  1. 有 0,1,2,3,4,5…n,length 这些 key 的对象
  2. 原型链中没有 Array.prototype

这样的对象就是伪数组

目前知道的伪数组有

  1. arguments 对象
  2. document.querySelectAll(‘div’) 返回的对象

数组常见API

  1. Array.prototype.forEach
  2. Array.prototype.sort
  3. Array.prototype.join
  4. Array.prototype.concat
  5. Array.prototype.toString
  6. Array.prototype.map
  7. Array.prototype.filter
  8. Array.prototype.reduce
  9. 见 MDN
编辑