js中数组方法

1.join()

该方法用于将数组转化为字符串

参数为一个字符,将数组每个元素转化为字符串时,由该字符连接.

不输入参数默认为" , "

let arr = ["1" , "2" , "3"];
console.log(arr.join("-")); // 输出1-2-3
//该方法不改变原数组arr.

2.push()与pop()
push()将其中内容加入到数组的末尾,并返回修改后数组的长度,数组本身改变

pop()移除数组最后一项,并返回该项值.

let arr = ["1" , "2" , "3"];
let length = arr.push("4" , "5");
console.log(length); //输出5
console.log(arr); // ["1" , "2" , "3" , "4" , "5"]
let lastItem = arr.pop();
console.log(lastItem); //输出"5"
console.log(arr);  //["1" , "2" , "3" , "4"]

3.shift()与unshift()

与上述push(),pop()相反,从数组开头插入或删除.返回值与push,pop一样.改变数组本身.

4.sort()

用于对数组中内容进行排序

使用方法arr.sort(), 该方法改变原数组值

对数组中按自己需求进行排序需要给sort一个函数参数

let arr = [2,5,4,3,1]
arr.sort((a,b)=>a-b)
console(arr) //[1,2,3,4,5]

若数组中为对象,需要按对象属性进行排序,则使用

arr.sort((a,b)=>a.property-b.property)

5.reverse()

用于将数组中内容顺序反转,该方法改变原数组

let arr = [1,2,3,4];
arr.reserve();
console.log(arr);//[4,3,2,1];

6.concat()

concat的参数可以是单独元素也可以是数组,concat用于拼接数组并返回一个新的数组副本,不会改变原数组

let arr = [1,2,3,4];
let newArr = arr.concat(5,[23,45]);
console.log(newArr); //[1,2,3,4,5,23,45]
console.log(arr); //[1,2,3,4]

7.slice()

slice用于切割数组,获取数组中指定位置的几个值

slice的参数可以有1个或2个,1个则为起始位置到数组末尾,2个参数则为起始位置至结束位置

该方法不改变数组本身

let arr = [1,2,3,4]
let newArr = arr.slice(2,3);
console.log(arr); // [1,2,3,4]
console.log(newArr); //[2]

8.splice()

splice(str,num,item1,item2,...)

用于删除,插入,替换数组中部分内容.该方法参数有三个,第一个str为删除起始位置,第二个num为要删除的元素个数,第三个参数item1,itme2,...为要添加进数组中的项,可以添加多项.该方法会改变数组本身,它的返回值为删除的元素组成的数组.

let arr = [1,2,3,4,5];
let newArr1 = arr.splice(1,3);
console.log(newArr1); // [2,3,4]
console.log(arr); // [1,5]
let newArr2 = arr.splice(1,0,22,23);
console.log(newArr2); // []
console.log(arr); // [1,22,23,5]

9.forEach()

该方法用于对数组进行遍历,对数组中每一项调用定义的函数.该方法没有返回值.该方法默认参数有三个分别为遍历的每项数组内容,数组索引,数组本身

let arr = [1,2,3]
arr.forEach((item,index,a)=>{
    console.log(item + "|" + index + "|" + (a===arr))
})
//1|0|true
//2|1|true
//3|2|true

10.map()

该方法也为遍历数组,对数组中每一项调用定义的函数,但该函数需要有返回值.每次调用的返回值组成的数组作为map()的返回值

let arr = [1,2,3];
let newArr = arr.map((item)=>{
    return item-1
})
console.log(newArr);
//[0,1,2]

11.filter()

该方法也遍历数组,对数组中每一项调用定义的函数,返回符合条件的项组成新的数组作为返回值.

let arr = [1,2,3,4]
let newArr = arr.filter((item)=>{
    return item >= 3
})
console.log(newArr)//[3,4]

 12.every()

该方法用于判断数组中每一项是否符合条件,符合则返回true,有一项不符合则返回false

let arr = [1,2,3];
let flag = arr.every((item)=>{
    return item<4;
})
console.log(flag);
//true

 13.some()

该方法用于判断数组中是否有符合条件的项,有则返回true,若都不符合则返回false

let arr = [1,2,3];
let flag = arr.some((item)=>{
    return item<2;
})
console.log(flag);
//true