数组在前端开发中起到很重要的作用。下面主要是针对Array类型进行剖析。
下文主要参考:javascript中深入理解Array
一、基本定义
Array对象用于在单个变量中存放多个值。
let array = [true, 12, 'is true']
这里array是一个数组,数组中的值可以是不同类型的值。数组的长度和大小是可变的。
二、创建方式
(1)、Array构造函数
第一种方式就是通过Array构造函数来实现。
let newArr = new Array(5)
这里是的5表示创建的数组长度为5,并且该数组为空。
(2)、数组字面量
第二种方式可以通过数组字面量来实现。
let newArr = [] //创建一个新的数组
let newArr = [1,2,3,4,5] //创建存在值的数组。
这样就不需要调用Array构造函数了。
三、length属性
这里的length属性是可读的,也是可写的,我们不仅可以通过读取数组的length属性来拿到数组的长度,也可以通过修改数组的length属性来修改数组的值。
let newArr = [1, 2, 3, 4, 5, 6]
console.log(newArr) //[1,2,3,4,5,6]
newArr.length = 3
console.log(newArr) //[1,2,3]
newArr.length = 5
console.log(newArr) //[1,2,3, <2 empty items>]
四、数组的检测
我们可以通过instanceof
和Array.isArray
来进行判断。首先我们说一下instanceof
,如果在一个网页中存在多个框架,instanceof
就不再使用,因为存在多个框架,就会存在多个不同的Array
构造函数,这种情况就无法使用instanceof
来进行判断。
let newArr = [1,2,3,4]
console.log(newArr instanceof Array) //true
第二种方法是使用Array.isArray
let newArr = [1,2,3,4,5]
console.log(Array.isArray(newArr)) //true
五、数组的转化
我们可以将数组转化为字符串,可以使用toString()
方法,其内部是对每一项都调用toString()方法。
let newArr = [1,2,3