JavaScript中的Array
今天较全面地学习到了JS中的Array,也就是数组。写博文一篇来总结一下学习和使用过程中关于Array中的一些误区和常用API,加深一下印象。
关于Array最全面的API在此,MDN
阮一峰阮老师的Array教程
Array的定义
来自MDN的定义:
JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象
来自阮一峰老师教程的定义:
数组(array)是按次序排列的一组值。每个值的位置都有编号(从0开始),整个数组用方括号表示。
首先,数组是 对象,其次,他 按次序排列
- 数组与对象的区别
那么数组和对象的区别在哪里呢?
我们先来看一下这段代码:
我们分别声明了一个数组和对象,我们可以看到:arr === obj
的结果为false
,而且他们对应的构造函数也不同。
数组arr的构造函数是Array,而obj对应的构造函数Object,这就是他们最本质的区别。
因此,我们也可以说,数组是一个拥有特殊原型链的对象。
Array的声明
- 直接声明
var arr = [1,2,3]
arr //[1,2,3]
这样我们就创建了一个length为3的数组。
- 构造函数声明
var arr = new Array(1,2,3)
arr //[1,2,3]
值得注意的是,当我们使用构造函数声明一个数组时,应该注意,不同的参数,会导致它的行为不一致。
var arr = new Array(3)
arr //[empty × 3]
var arr = new Array(3,3)
arr //[3, 3]
因此,我们在声明一个数组时,不建议使用构造函数生成新数组,直接使用数组字面量是更好的做法。
伪数组
如果一个对象的所有键名都是正整数或零,并且有length属性,那么这个对象就很像数组,语法上称为“类似数组的对象”
比如前文提到的:
var arr = {
‘0‘:1,
‘2‘:2,
‘3‘:3
}
- 如何判断数组是不是伪数组
- 很简单,这要这个数组的构造函数的原型是Array,他就是真数组;如果他的构造函数的原型是Object,他就是伪数组。
// 真数组 arr.__proto__ === Array.prototype //true // 伪数组 arr.__proto__ === Object.prototype //true
- Array.isArray()
Array.isArray方法返回一个布尔值,表示参数是否为数组。它可以弥补typeof运算符的不足。
var arr = [1, 2, 3]; typeof arr // "object" Array.isArray(arr) // true
Array常用API
阮一峰老师的教程中有很详细的用法讲解,全盘照抄没有意思,重要的是理解,如果实在不记得直接去查询就可以了。
- push()
- pop()
- shift()
- unshift()
- forEach()
- sort()
- join()
- concat()
- map()
- filter()
- reduce
原文地址:https://www.cnblogs.com/No-harm/p/9535842.html
时间: 2024-10-29 15:21:06