前端数组的常用的方法-学会你就无敌了！

从事前端工作，平时也会收集整理一些笔记放在笔记中，发现最简单的基础知识才是工作中最常用到的，有时候就会模棱两可，可见还是基础知识不扎实，在这里小编总结一下，夯实一下基础知识，学好了你就无敌了！

数组中常用的方法：

数组 Array.push();
Array.push();在新的数组中新增元素，并放在最后一次新增，改变原有的数组

var array=[1,2,3];
array.push(4)
console.log(array) //[1, 2, 3, 4]

数组 Array.pop();
Array.pop();删除最后一个元素，并改变原有数组；

var array=[1,2,3];
array.pop()
console.log(array) //[1, 2]

数组 Array.unshift();
Array.unshift();新增一个或者多个元素在数组头，并改变原有数组

var array=[1,2,3];
array.unshift(4,5,6)
console.log(array) //[4,5,6,1,2,3]

数组 Array.shift();
Array.shift();删除数组头的元素，并改变原有元素

var array=[1,2,3];
array.shift()
console.log(array) //[2,3]

数组 Array.join()；
Array.join()；数组转字符串，以什么样的形式分隔开，原有数组并不变

var array=[1,2,3];
var str=array.join("");
console.log(str) //123
var str=array.join("*");
console.log(str) //1*2*3

***join与toString区别，就在于这点细节***
var str=array.toString区别("");
console.log(str) //1,2,3

其余的都一样
var str=array.toString("*");
console.log(str) //1*2*3

数组 Array.splice()；
Array.splice(开始位置， 删除的个数，元素),删除数组中的某一个元素或者多个元素,原有数组不变

　万能方法，可以实现增删改：

var array=[1,2,3,4];
var str1=array.splice(1,0,"haha");//index==1位置，新增“haha”
var str2=array.splice(1,2);//在index=1,往后删除2个元素
var str3=array.splice(2,1,"haha");//在index=2,往后删除1个元素,替换元素, “haha”
console.log(array) //[1,"haha",2,3,4]
console.log(array) //[1,4]
console.log(array) //[]1,2,"haha",4]

数组 Array.concat()；
Array.concat();拼接数组,各自原有数组不变

var array=[1,2,3,4];
var array2=[5,6,7]
var str1=array.concat(array2);
console.log(str1) //[1,2,3,4,5,6,7]

数组 Array.toString()；
Array.toString();数组转化为字符串；原有数组不变

var array=[1,2,3,4];
var str1=array.toString();
console.log(str1) //1,2,3,4

var str1=array.toString("*");
console.log(str1) //1*2*3*4

数组 Array.isArray()；
Array.isArray();判断是否是个数组，返回布尔值

var array=[1,2,3,4];
Array.isArray(array)//true

数组 Array.map()；
Array.map()；循环遍历数组，可以对数组元素进行函数操作，原数组不变

var array=[1,2,3,4];
var newarray=array.map(x=>x*2)；
console.log(array) //[1,2,3,4]原有数组不变
console.log(newarray)//[1,2,3,4] 经过遍历 函数之后数组

数组 Array.forEach()；
Array.forEach()；函数是此方法是将数组中的每个元素执行传进提供的函数，没有返回值

var array=[1,2];
var newarray=array.forEach(x=>x*2);
console.log(array) //[1,2]原有数组不变
console.log(newarray)//undefinde Array.foreach()无返回值

数组 Array.filter()；
Array.filter();过滤数组中满足条件的元素，返回出满足元素的值的新的数组。原有数组不变

var array=[1,2,3,4,5,6];
function value(age){
   return age>3
}
let newarray=array.filter(value)
console.log(newarray) //[4,5,6]返回满足条件的数组

数组 Array.every()；
Array.every();过滤数组中是否满足条件，每一个数组满足条件，返回true,有一个不满足返回false

var array=[1,2,3,4,5,6];
function value(age){
   return age>3
}
let newarray=array.every(value)
console.log(newarray) //false 不是所有的都满足，返回false

数组 Array.some()；
Array.some();跟Array.every();相反，过滤数组满足条件，只要有一个满足条件的，就返回true,没有一个满足条件的返回false

var array=[1,2,3,4,5,6];
function value(age){
   return age>3
}
let newarray=array.some(value)
console.log(newarray) //true 有的满足条件的，返回true

小编不易，如有收获，微信赏小编喝杯娃哈哈

单身狗的 葵花宝典，撩妹必备 敬请关注！