JavaScript中的数组总结

Posted 2020-06-10

Array 方法

arr.join()//转字符串

arr.reverse();//将数组逆转（原数组被修改）

arr.sort();//将数组排序（转为字符串再排序，原数组修改）

 

//sort按数值大小排序

arr.sort(function(a,b){

return a-b;

})升序

 

arr.concat();//合并数组（不改变原数组）

var arr = [1,2,3];

arr.concat([10,11],13)//[1,2,3,10,11,13]

arr.concat([[10,11],13])//[1,2,3,[10,11],13]

 

arr.slice();//返回数组的片段(对原数组不做修改)

var arr = [1,2,3,4,5];

arr.slice(1,4)//[2,3,4](前开后闭)

arr.slice(1)//[2,3,4,5]

arr.slice(1,-1)//[2,3,4]

arr.slice(-4,-3)//[2]

 

arr.splice();//数组拼接（修改原数组）

var arr = [1,2,3,4,5];

arr.splice(2)//return[3,4,5]

arr;//[1,2]

var arr = [1,2,3,4,5];

arr.splice(2,2)//return[3,4]

arr;//[1,2,5]

var arr = [1,2,3,4,5];

arr.splice(1,1,‘a‘,‘b‘)//return[2]

arr;//[1,‘a‘,‘b‘,3,4,5]

 

 

//以下为ES5（IE9+）

arr.forEach()//循环数组ES5（IE9+）

arr.map()//数组映射(原数组不做修改)

var arr = [1,2,3];

arr.map(function(x){

return x+10;

})//[10,12,13]

 

arr.filter();//数组过滤(原数组不做修改)

var arr = [1,2,3,4,5,6]

arr.filter(function(x,index){

return index%3 === 0||x >= 4

})[1,4,5,6]

 

arr.every();//数组判断

arr.some();//数组判断

 

arr.reduce();//两两对比(原数组不做修改)

arr.reduceRight();

arr = [3,9,6];

var max = arr.reduce(function(x,y){

console.log(x+"|"+y);

return x>y? x:y;

});//3|9  9|6 max;//9

 

arr.indexOf();//数组检索（返回数组位置，没有返回-1）

arr.lastIndexOf();

 

array元素增删

arr.push(3);//数组末尾添加元素

arr.push(3) == arr[arr.length] = 3

 

arr.unshift(3);//数组开头添加元素

 

delete arr[2];//等同于arr[2]==undefined

 

arr.pop();//返回数组末尾（改变数组）

 

arr.shift();//返回数组头部（改变数组）