重温js——数组
Posted twinkle||cll
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了重温js——数组相关的知识,希望对你有一定的参考价值。
数组的创建方式
字面量
我们知道对象创建方式有字面量的创建方式, 如:
var a = {
b: 1,
c: 2
}
复制代码
那我们创建数组肯定也是可以使用字面量的方式来创建
var arr = [1,'a',null, undefined, ' ']
// 这句话的意思是创建一个数组,内容是 1,'a',null, undefined, ' ', 长度是 5
复制代码
new
的方式
对象我们还可以使用new
的方式来创建一个对象: 如:
var obj= new Object({b:1,c:2})
复制代码
那么数组我们也是可以使用new 的方式来创建的。
var arr =new Array(1,2,3,'2',null,undefined)
// 这个意思是创建一个数组,内容包含 1,2,3,'2',null,undefined, 长度为6
复制代码
注意事项
在new的方式中,如果第一个参数是数字的话,那么创建的是一个长度为数字,内容为空的数组
数组的类型
数组是用来存储数据的,数组的类型是对象,也是一个引用值的类型。
那么怎么判断一个数据是不是数组呢?
instanceof
var arr = [2];
arr instanceof Array // true
复制代码
Object.prototype.toString.call
var arr = [2];
Object.prototype.toString.call(arr) // "[object, Array]"
复制代码
Array.isArray
var arr = [2];
Array.isArray(arr) // true
复制代码
constructor
var arr = [2];
arr.constructor === Array // true
复制代码
读取数组元素
我们通过前面的文章了解到数组和对象一样,都是引用类型,那么读取对象的方式对象表达式的方式:
var obj = {
0: 1,
1: 2,
2: '32323'
}
obj['0'] 和 obj[0] 得到的结果是一样的,js 在读取的过程中,会把数字转成字符串
复制代码
我们数组长的和对象差不多,那我们是不是也可以通过 数组[下标的方式]
来读取
通过上图我们知道,是可以通过下标来读取的,并且数组会默认有一个length
属性,这个length
是根据最大的下标来自动生成的.
里面有一些地方是empty
(空的),那我们就称这个数组是不连续的,也就是稀松数组
数组的遍历
我们在上一节说到了数据的遍历方式,那么遍历数组的方式有哪些呢?
for 循环
var arr = [1,2,3,'2',null,undefined, , , 123];
for(var i = 0; i<arr.length; i++){
arr[i] 可以遍历数组的每一项,包括空的
}
复制代码
for in 循环
var arr = [1,2,3,'2',null,undefined, , , 123];
for(var prop in arr){
arr[i] 可以遍历数组的每一项,如果是空的,是不会打印的
}
复制代码
有兴趣的自己自己尝试 forEach,和 for of等es6中语法
数组的基本操作
数组是用来存储数据,那么我们如何新增呢?
push
push 是在数组的末尾添加新的数据,数据可以是多个,会依次添加到数组的末尾
var arr = [12,3,23,0]
arr.push(1,2,4)
复制代码
我们知道,
arr[arr.length -1]
是获取数组的最后一位,那么我们直接arr[arr.length]
= 123 也是可以在数组末尾添加数据
unshift
unshift 是在数组的首位添加数据
var arr = [12,3,23,0]
arr.unshift(1,2,4)
复制代码
splice
这个方法可以加,可以减
var arr = [12,3,23,0]
// 在下标为1的后面,添加4,4,5,6
arr.splice(1,0,4,4,5,6);
复制代码
pop
删除数组的最后一位
var arr = [12,3,23,0];
arr.pop();
复制代码
shitf
var arr = [12,3,23,0];
arr.shift();
复制代码
其他的详情请查看,
es6的新增请查看
以上是关于重温js——数组的主要内容,如果未能解决你的问题,请参考以下文章