JavaScript-数组

定义数组：

一.实例化创建

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']