JS针对Array的各种操作汇总
Array应该是我们在平时写js代码中，使用频率最高的，在平时的项目中，很多数据都是可以通过Array来存储、操作等任务。除了Object之外，Array类型应该是js中最常用的类型了。
今天总结一下Array的一些简单和基本的操作，也来巩固下自己的基础知识。
一、如何创建Array（下面直接说数组）
创建数组主要有两种方法，第一种是使用数组构造函数，第二种是使用数组字面量表示法。
1、使用数组构造函数
如：vararr=newArray();
如果预先知道数组的长度，那么也可以直接给构造函数传递该长度。
如：vararr=newArray(20);
如果知道数组中应该包含的项，就直接在构造的时候，传递数组中的应该包含的项。
如：vararr=newArray(1,2,3);
2、使用数组字面量表示法
如：vararr=[1,2,3,4];
vararr2=[];
二、数组的操作
1、栈方法和队列方法
1）栈操作的方式：先进后出原则----通过重数组尾部添加数据项，然后在从数组的尾部获取尾部数据项
push();----就是在数组的尾部添加数据项，该方法的参数个数可以自定义；
pop();---该方法就是获取数组的最尾部的一个数据项，该函数无需传递任何参数；
如：
varcolors=newArray();//创建数组
varcount=colors.push("red","green");//推入两项
console.log(count);
varcolor=["red","black"];
color.push("brown");//推入另一项
color[3]="yellow";//添加一项
console.log(color);
console.log(color.push("blue"));
console.log(color.pop());//取得最后一项
2）队列操作的方式：先进先出原则---通过从数组的头部插入数据和获取数据项来模拟实现
push();--向数组末端添加数据项；
shift();---获取数组的头部一项的数据信息；
unshift();--与shift完全相反，就是向数组的头部插入数据项信息；
varcolorArr=newArray();//创建数组
colorArr.push("red","yellow");//推入两项
console.log(colorArr);
varlength=colorArr.push("blue");
console.log(length);
varitem=colorArr.shift();//取得第一项
console.log(item);
console.log(colorArr.length);
2、检测验证数组
在平时项目开发中，我们往往会遇到，判断一个对象是否为数组（函数的参数传递中），那么如果判断一个对象是否为数组呢，有以下两种方式
1）第一种方法
if(valueinstanseofArray){
}
2）第二种方法
if(Array.isArray(value)){
}//该方法只使用与高版本的浏览器：IE9+、Firefox4+/Chrome
3、具体的编程实例
1）添加元素（数组末尾添加元素）
在数组arr末尾添加元素item。不要直接修改数组arr，结果返回新的数组.
方法一：slice()和push()结合
functionappend(arr,item){
varnewArr=arr.slice(0);//slice(start,end)浅拷贝数组
newArr.push(item);
returnnewArr;
};
方法二：普通的迭代拷贝
functionappend(arr,item){
varlength=arr.length,
newArr=[];
for(vari=0;i<length;i++){
newArr.push(arr[i]);
}
newArr.push(item);
returnnewArr;
};
方法三：使用concat
functionappend(arr,item){
returnarr.concat(item);
}
2）添加元素（添加任意位置的元素）
在数组arr的index处添加元素item。不要直接修改数组arr，结果返回新的数组。
方法一：使用普通的迭代拷贝
functioninsert(arr,item,index){
varnewArr=[];
for(vari=0;i<arr.length;i++){
newArr.push(arr[i]);
}
newArr.splice(index,0,item);
returnnewArr;
}
方法二：slice()和splice()结合
functioninsert(arr,item,index){
varnewArr=arr.slice(0);
newArr.splice(index,0,item);
returnnewArr;
}
方法三：concat()和splice()结合
functioninsert(arr,item,index){
varnewArr=arr.concat();
newArr.splice(index,0,item);
returnnewArr;
}
3、删除元素（删除数组最后一个元素）
删除数组arr最后一个元素。不要直接修改数组arr，结果返回新的数组。
方法一：使用普通的迭代拷贝
functiontruncate(arr,item){
varnewArr=[];
for(vari=0;i<arr.length-1;i++){
newArr.push(arr[i]);
}
returnnewArr;
}
方法二：concat()和pop()结合
functiontruncate(arr){
varnewArr=arr.concat();
newArr.pop();
returnnewArr;
}
4、删除元素（删除数组第一个元素）
删除数组arr第一个元素。不要直接修改数组arr，结果返回新的数组。
方法一：使用普通的迭代拷贝
functioncurtail(arr){
varnewArr=[];
for(vari=1;i<arr.length;i++){
newArr.push(arr[i]);
}
returnnewArr;
}
方法二：concat()和shift()结合
functioncurtail(arr){
varnewArr=arr.concat();
newArr.shift();
returnnewArr;
}
方法三：slice()
functioncurtail(arr){
returnarr.slice(1);
}
5、合并数组
合并数组arr1和数组arr2。不要直接修改数组arr，结果返回新的数组。
方法一：使用普通的迭代拷贝
functionconcat(arr1,arr2){
varnewArr=[];
for(vari=0;i<arr1.length;i++){
newArr.push(arr1[i]);
}
for(varj=0;j<arr2.length;j++){
newArr.push(arr2[j]);
}
returnnewArr;
}
方法二：concat()方法
functionconcat(arr1,arr2){
returnarr1.concat(arr2);
}
方法三：slice()和push()结合
functionconcat(arr1,arr2){
varnewArr=arr1.slice(0);
for(vari=0;i<arr2.length;i++){
newArr.push(arr2[i]);
}
returnnewArr;
}
5、移除数组中的元素
移除数组arr中的所有值与item相等的元素。不要直接修改数组arr，结果返回新的数组。
方法一：splice()方法
functionremove(arr,item){
varnewArr=arr.slice(0);
for(vari=0;i<newArr.length;i++){
if(newArr[i]==item){
newArr.splice(i,1);
}
}
returnnewArr;
}
vararr=[1,2,3,4,2];
varitem=2;
console.log(remove(arr,item));
console.log(arr);
方法二：push()方法
functionremove(arr,item){
varnewarr=[];
for(vari=0;i<arr.length;i++){
if(arr[i]!=item){
newarr.push(arr[i]);
}
}
returnnewarr;
}
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。