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

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

数组中常用的方法：

数组 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];
var value=value>3;
let newarray=array.filter(value)
console.log(array) //[1,2] 原有数组不变
console.log(newarray)//undefinde Array.foreach() 无返回值 

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

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