一定要牢记的后期数组中经常实用的方法

JS中数组实用的方法

1.array.push()方法；

对一个数组进行向后追加数值，数值可以是任何数据类型
如下图所示：

var arr=[];
arr.push(1);
arr.push('2');
arr.push({name:'1'});
arr.push(true);
arr.push(null);
arr.push(undefined);
console.log(arr)//[1,'2',{name:'1'},true,null,undefined]

2.array.unshift()方法；

对一个数组进行向前插入数值，数值可以是任何数据类型
如下图所示：

var arr=[];
arr.unshift(1);
arr.unshift('2');
arr.unshift({name:'1'});
arr.unshift(true);
arr.unshift(null);
arr.unshift(undefined);
console.log(arr)//[undefined,null,true,{name:'1'},'2',1]

3.array.splice()

splice方法可以对数组进行删改
一个参数为删除指定下边之后的所有
两个参数为删除指定开始标到尾部指定下标
三个参数为删除指定开始标到尾部指定下标,并对第二个参数的下标进行替换为指定数值
如下图所示：

var arr=[1,2,3,4,5,6,7];
arr.splice(0,2,"l");
console.log(arr);
var arr=[1,2,3,4,5,6,7];
arr.splice(0,2);
console.log(arr);
var arr=[1,2,3,4,5,6,7];
arr.splice(0);
console.log(arr);

4.array.find()方法；

find方法有三个参数(item,index,value);
item代表数组的每一个值，index代表的是每一个值的下标，value代表的是当前的数组。
find可以返回符合条件的第一个值，没有则返回undefined。
如下图所示：

var arr1=[1,2,3,4,5,6];
var b=arr1.find(i=>i==2)
var c=arr1.find(i=>i==7)
console.log(b)// 2
console.log(c)// undefined

5.array.some()方法；

some方法同样也有三个参数(item,index,value);
item代表数组的每一个值，index代表的是每一个值的下标，value代表的是当前的数组。
some如果有符合条件的返回true，没有则返回false。
如下图所示：

var arr1=[1,2,3,4,5,6];
var b=arr1.some(i=>i==4);
var d=arr1.some(i=>i==7);
console.log(b)//true
console.log(d)//false

6.array.concat方法();

concat方法可以将多个不一样的数组拼接并且返回给目标数组；
书写方式如下图所示：

var arr3=[1,2,3,4];
var arr4=[4,5,6,7];
var arr5=arr3.concat(arr4);
console.log(arr5);// [1,2,3,4,4,5,6,7]

7.array.fill()填充方法

fill方法有两个参数，第一个参数为要替换为的值，第二个参数代表从指定下标开始替换，第三个参数代表从指定下标结束替换，默认为全部替换，默认为全部替换
如下图所示：

var arr = [1, 2, 1,4,5,6,7,8,9]
arr.fill(4,0,3);
console.log(arr)//[4,4,4,4,5,6,7,8,9]

8.array.filter()过滤方法；

filter方法同样也有三个参数(item,index,arr);
item代表数组的每一个值，index代表的是每一个值的下标，value代表的是当前的数组。
filter可以把符合条件的返回为一个新数组，没有则返回一个空数组。
如下图所示：

var arr=[1,2,3,4,5,6,7];
var b=arr.filter((item,index,value)=>{
console.log(item,index,value)
return item>3
});
console.log(b)//[4,5,6,7]

9.array.reduce()累加方法；

reduce方法有四个参数；第一个参数为每次循环的值；第二个参数为要进行累加的值；第三个参数为下标；第四个参数为原来整个数组。
可以对数组进行循环累加并将累加值返回出来
如下图所示：

var arr=[1,2,3,4,5,6,7];
var b=arr.reduce((item,n,index,value)=>{
console.log(item,n,index,value);
return n+=item;
},0)
console.log(b);//28

10.总结

数组的方法在后续vue开发还有重要的作用