定义数组:
一.实例化创建
var a=new Array();//空数组
var a=new Array(1,2,3); //数组[1,2,3]
var a=new Array(5);//长度为5的数组
二.数组直接量
var a=[];//空数组
var a=[1,2,3];//数组[1,2,3]
使用数组
读取
var a=[];//定义空数组
a[0]=1;//为数组下标为0的元素赋值
a[1]=2;//同上
var b=a[0];//把a数组下标为0的元素赋值给变量b
遍历数组元素及数组长度
var a=[1,2,3,4,5];
alert(a.lenght);//获取数组长度
//方法一,数组迭代器
a.forEach(value=>{
alert(value);
});
//方法二,for in 语句
for(var index in a)
{
alert(a[index]);
}
//方法三,for of 语句
for(var value of a)
{
alert(value);
}
多维数组
声明多维数组:
var a=[
[1,2,3],
['a','b','c'],
[9,8,7]
];
存取:
var a=[
[1,2,3],
['a','b','c'],
[9,8,7]
];
alert(a[0][2]); //返回数组[1,2,3] 下标为2的元素 3
操作数组
添加元素:
push() 在数组末尾添加元素 返回添加的元素个数
unshift() 在数组头部添加元素 返回当前数组长度
var a=[1,2,3];
a.push(4);//单个值添加 此时a=[1,2,3,4] 返回 1
a.push(5,6);//多个值添加 此时a=[1,2,3,4,5,6] 返回 2
a.unshift(a,b); //在头部添加元素,此时a=[a,b,1,2,3,4,5,6] 返回 9
a.unshift(c); //在头部添加c ,此时a=[c,a,b,1,2,3,4,5,6] 返回 10
删除元素:
pop() 将最后一个元素移除数组并返回该元素的值
shift() 将头部的第一个元素移除数组并返回该元素的值
var a=[1,2,3];
a.pop(); //返回最后一个元素值3 并移除数组
alert(a);//此时a=[1,2]
a.shift(); //返回 1 此时a=[2]
数组合并:
concat() 合并多个数组 返回一个新数组 可跟多个参数
var a=[1];
var b=[2,3];
var c=a.concat(a,b); //c=[1,2,3]
var d=a.concat(a,b,['a','b']); //d=[1,2,3,'a','b']
子数组操作
splice() 插入、删除、替换数组的元素
slice() 返回数组的一部分
//splice(起始下标,删除的元素个数,插入的元素1,元素2,...) 如果起始下标大于数组长度则起始下标为数组长度
var a=[1,2,3,4,5];
a.splice(1,1,6) //删除下标为1的元素,再以下标1为起始点添加元素 2 a=[1,6,3,4,5]
//slice(起始下标,结束下标)
a.slice(1,3);//返回[2,3]
数组排序
reverse() 反向排序
sort() 按字母顺序排序
var a=[1,2,3,4];
a.reverse(); //a=[4,3,2,1]
a.sort();//a=[1,2,3,4]
排序函数:
sort(function) 根据函数规则排序
var a=[1,2,3,4,5];
function MaxToMin(a,b){
return a>b?a:b;
}
a.sort(MaxToMin);//a=[5,4,3,2,1]
数组定位
indexOf() 返回某个值在数组中的下标,不存在则返回-1
var a=[1,2,3,4];
a.indexOf(1);//返回 0
a.indexOf(5); //返回 -1
数组迭代
array.forEach(回调函数) 为数组中的每个元素执行指定的操作
array.forEach([回调函数,thisArg])
注意:回调函数最多3个参数
回调函数(数组值,下标,数组对象)
var a=[1,2,3,4];
function callback(value,index,array){
alert(value);
}
a.forEach(callback); //遍历数组
//array.forEach([回调函数,thisArg])的使用
var obj={
ShowValue:function(value,index){
alert(value);
},
ShowIndex:function(value,index){
alert(index);
}
};
a.forEach(obj.ShowValue,obj);
a.forEach(obj.ShowIndex,obj);
every 数组测试 返回bool类型
用法forEach()
some 类似every
map 返回包含结果的数组
用法同上
filter 数组筛选 返回筛选结果
var a=[1,'a','b',4];
var result=a.filter(value=>{
return (typeof value === 'string')
}); //result=['a','b']