数组也是一个对象,和普通的对象功能类似,也是用来存储一些值的,不同的是普通对象是使用字符串作为属性名,而数组是使用数字来作为索引操作元素。
索引:从0开始的整数
1.数组的存储性能比普通对象更好,在开发中经常使用数组存储一些数据。
2.使用typeof检查数组会返回object。
3.如果读取不存在的索引不会报错会返回undefined。
4.数组中的元素可以是任意的数据类型,也可以是对象,也可以是函数。
5.数组中也可以放数组,数组中放数组称为二维数组。
创建数组对象
var arr = new Array();
向数组中添加元素
语法:
数组 [索引] = 值;
例:
arr[0]=0;
arr[1]=10;
arr[2]=20;
获取数组的长度
可以使用length属性来获取数组的长度
语法:
数组.length
注:
1.对于连续的数组,使用length可以获取到数组的长度(元素的个数)。
2.对于非连续的数组,使用length可以获取到数组的最大的索引+1。
3.尽量不要创建非连续的数组。
修改length
如果修改的length大于原长度,则多出的部分会空出来。
如果修改的length小于原长度,则多出的元素会被删除。
向数组的最后一个位置添加元素
语法:
数组[数组.length]=值;
例:
arr[arr.length]=XXX;
使用字面量来创建数组
语法:[]
例:
var arr = [];
注:
1.使用字面量创建数组时,可以在创建时就指定数组中的元素。
2.使用构造函数创建数组时,也可以同时添加元素,将要添加的元素作为构造函数的参数传递,元素之间使用逗号隔开。
创建一个只有一个元素10的数组
arr=[10];
创建一个长度为10的数组(一般不用)
arr2=new Array(10);
向数组的末尾添加一个或多个元素,并返回数组新的长度。
语法:
数组.push()
注:
1.可以将要添加的元素作为方法的参数传递,这样这些元素将会自动添加到数组的末尾。
例:
arr.push(XXX,XXX,XXX······);
向数组的开头添加一个或多个元素,并返回数组新的长度。
语法:
数组.unshift()
注:
向前边加入元素后,其它元素的索引会依次调整。
删除数组的最后一个元素,并将被删除的元素作为返回值返回
语法:
数组.pop()
删除数组的第一个元素,并将被删除的元素作为返回值返回
语法:
数组.shift()
slice()
可以在数组中提取指定元素
语法:
数组slice(参数1,参数2)
第一个参数:截取开始的位置的索引,包含开始索引
第二个参数:截取结束的位置的索引,不包含结束索引
注:
1.该方法不会改变原始值,而是将截取到的元素封装到一个新数组中返回。
2.第二个参数可以省略不写,此时会截取从开始索引往后的索引元素。
3.索引可以传递一个负值,从后往前计算
splice()
可以用于删除数组中的指定元素,并添加新元素。
语法:
数组.splice(参数1,参数2,参数3···)
第一个参数:表示开始位置的索引
第二个参数:表示删除的数量
第三个参数及以后:可以传递新的元素,这些元素将会自动插入到开始位置索引之前(替换)
注:
1.使用会影响到原数组,会将指定元素从原数组中删除,并将被删除的元素作为返回值返回。
concat()
可以连接两个或多个数组,并将新的数组返回
语法:
数组1.concat(数组2,数组3···)
注:
1.该方法不会对原数组产生影响
join()
可以将数组转换为一个字符串
语法:
数组.join()
注:
1.不会对原数组产生影响,而是将转换后的字符串作为结果返回
2.在join中可以指定一个字符串作为参数,这个字符串将会成为数组中元素的连接符(默认是逗号)
例:
数组.join("连接符号")
reverse()
用来反转数组(前边的去后边,后边的去前边)
语法:
数组.reverse()
注:
会对原数组产生影响
sort()
可以对数组中的元素排序
语法:
数组.sort()
注:
1.会对原数组产生影响
2.默认按照Unicode编码进行排序,即使对于纯数字的数组,也会按照编码排序,可能会排序错误,可以指定排序规则。
3.可以在sort()添加一个回调函数,指定排序规则,回调函数中需要定义两个形参,浏览器会分别使用数组中的元素作为实参去调用回调函数,使用哪个元素调用不确定,但肯定的是在数组中a一定在b前边。浏览器会根据回调函数的返回值来决定元素的顺序,如果返回一个大于0的值,则元素会交换位置,如果返回一个小于0的值,则元素位置不变,如果返回一个0,认为两个元素相等,也不交换位置
例1:
//升序//
var arr=[5,4,2,6,5,8,7,7,2,8,5,9,4];
arr.sort(function (a,b) {
if (a>b){
return 1;
}else if (a<b){
return -1;
}else {
return 0;
}
});
console.log(arr);
注:
将return的值的1和-1调换位置就是降序。
例2:
var arr=[5,4,2,6,5,8,7,7,2,8,5,9,4];
arr.sort(function (a,b) {
return a-b;
});
console.log(arr);
注:
将return的值的a和b调换位置就是降序。
遍历数组就是将数组中所有的元素都取出来
例:
var arr=[0,1,2,3,4];/*创建数组*/
//遍历//
for (var i=0;i<arr.length;i++){
console.log(arr[i]);
}
一般使用for循环去遍历数组,JS中提供了一个方法,用来遍历数组
forEach()
注:
1.这个方法只支持IE8以上浏览器
2.这个方法需要一个函数作为参数
3.数组中有几个元素函数就执行几次,每次执行时,浏览器会将遍历到的元素以实参的形式传递进来,我们可以来定义形参来读取这些内容。
4.浏览器会在回调函数中传递三个参数。第一个参数就是当前正在遍历的元素,第二个参数就是当前正在遍历的元素的索引,第三个参数就是正在遍历的数组。
//数组去重//
/*创建一个数组*/
var arr = [1,2,3,2,1,1,1,3,13,4,2,5];
//去重//
/*获取数组中的每一个元素(遍历)*/
for (var i=0;i<arr.length;i++){
/*获取当前元素后的所有元素*/
for (var j=i+1;j<arr.length;j++){
/*判断两个元素值是否相等*/
if (arr[i]==arr[j]){
/*如果相等则证明出现了重复的元素,删除j对于的元素*/
arr.splice(j,1);
//当删除了当前j所在的元素,后边的元素会自动补位。不会再比较这个元素,需要再比较一次j所在位置的元素//
/*使j自减*/
j--;
}
}
}
console.log(arr);