前端面试题：js中数组的常用方法有哪些？你知道吗？

1.unshift() 和push()

unshift()可以向数组前添加一个或多个元素，并返回新的长度

let a= [2,3,4]
let b= a.unshift(0,1)
 
console.log(a)  // [0,1,2,3,4]
console.log(b)  // 5

push()方法可以向数组后添加一个新的元素，并返回新数组的长度。

let a = [1,2,3]
let b = a.push(4)
 
console.log(a)  // [1,2,3,4] 
console.log(b)  // 4

2.pop()和shift()

pop() 用于删除并返回最后一个元素。

let a = [1,2,3]
let b = a.pop()
 
console.log(a) // [1,2]
console.log(b) // 3

shift() 用于删除并返回首个元素

let a = [1,2,3]
let b = a.shift()
 
console.log(a) // [2,3]
console.log(b) // 1

3.splice()

splice(index,length,增加的元素1,增加的元素2…,增加的元素N) 表示从index开始删除length个元素，并从index开始新增元素1~N，放回被删除的元素组成的数组

let a = [1,2,3]
let b = a.splice(1,1,3,[2,3,4],5)
 
console.log(a)  // [1,3,[2,3,4],5,3]
console.log(b)  // [2]

4.concat()

concat() 方法用来合并两个或多个数组

let a = [1,2,3]
let b = [4,5]
let c = a.concat(b)
 
console.log(a) // [1,2,3]
console.log(b) // [4,5]
console.log(c) // [1,2,3,4,5] 

5.slice()

slice()：返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法可以接受一或两个参数，即要返回项的起始和结束位置。在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数，该方法返回起始和结束位置之间的项——但不包括结束位置的项。

var a = [1,3,5,7,9,11];
var b= a.slice(1);
var c = a.slice(1,4);
var d = a.slice(1,-2);
var e = a.slice(-4,-1);
console.log(a); //[1, 3, 5, 7, 9, 11](原数组没变)　　　　　　　　　　　　　　
console.log(b); //[3, 5, 7, 9, 11]　　　　　　　　　　　 
console.log(c); //[3, 5, 7]　　　　　　　　　　　
console.log(d); //[3, 5, 7]将负数加上数组长度的值（6）来替换该位置的数，因此就是				              从1开始到4（不包括）的子数组。　　　　　　　　　
console.log(e); //[5, 7, 9]　　　　　　　　　　　

6.jion()

join() 方法用来将数组转换为字符串

let a = [1,2,3,4,5]
 
console.log(a.join(','))  // 1,2,3,4,5
console.log(a)  // [1,2,3,4,5]

7.sort()

sort()：将数组里的项从小到大排序,

let a = ['a','b','d','c']
 
console.log(a.sort())  // ['a','b','c','d']按ascii码排序
console.log(a)  // ['a','b','c','d']

8.reverse() 颠倒顺序

reverse() 方法用于颠倒数组中元素的顺序。

let a  = [1,3,2,7,6]
 
console.log(a.reverse())  // [6,7,2,3,1]
console.log(a)  // [6,7,2,3,1]

9.indexOf()和lastIndexOf()

ndexOf(某元素,startIndex) 从startIndex开始，查找某元素在数组中的位置，若存在，则返回第一个位置的下标,否则返回-1

lastIndexOf(某元素，startIndex) 和indexOf()相同，区别在于从尾部向首部查询

var a = [1,3,5,7,7,5,3,1];
console.log(a.indexOf(5)); 　　　　　　//2
console.log(a.lastIndexOf(5)); 　　　//5
console.log(a.indexOf(5,2)); 　　　　 //2
console.log(a.lastIndexOf(5,4)); 　　//2
console.log(a.indexOf("5")); 　　　　 //-1

10.foreach()

forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。参数都是function类型，默认有传参，参数分别为：遍历的数组内容；对应的数组索引，数组本身。

let arr = ['a','b','c']
let copy = []
arr.forEach(function(item){
     copy.push(item)   
})
console.log(copy) //['a','b','c']

11.find()

找到数组中第一次满足条件的元素，并返回，若找不到则返回undefined。

    let arr = [{id:1,name:'zzz'},{id:2,name:'zzz'},{id:3,name:'zzz'},
    {id:4,name:'zzz'},{id:5,name:'zzz'}];
    // let obj = arr.find(function(item){
    //    return item == 3;
    // })
    // console.log(obj);
    // ubdefined
    let obj = arr.find(item => item.id > 1)
    console.log(obj);
    ({id:2,name:'zzz'})  

12.findIndex()方法

findIndex()的作用同indexOf()，返回第一个满足条件的下标，并停止寻找。

let a = [1,2,3,4]
 
let b = a.findIndex(function(ele,index,array){
    return ele === 2
})
 
let c = a.indexOf(2)  
 
console.log(a)  // [1,2,3,4]
console.log(b)  // 1
console.log(c)  // 1

13.includes()

includes()方法,返回一个布尔值。 参数是一个value,一般用于简单数组。

let a = [1,2,3]
console.log(a.includes(1))  // true

14.isArray()

用来判断一个元素是否为数组

a.isArray([])  // true
b.isArray({})  // false

15.every()

对数组的每一项都运行给定的函数，若每一项都返回 ture,则返回 true

let a = [1,2,3,4,5]
 
let b = a.every(function(current,index,array){
       return current < 6
})
 
let c = a.every(function(current,index,array){
       return current < 3
})
console.log(b)  // true 
console.log(c)  // false 

16.some()

对数组的每一项都运行给定的函数，若存在一项或多项返回 ture,否则返回 false

let a = [1,2,3,4,5]
 
let b = a.some(function(current,index,array){
       return current > 4
})
 
let c = a.some(function(current,index,array){
       return current > 5
})
console.log(b)  // true 
console.log(c)  // false 

17.filter()

filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。简单来说就是filter 返回一个新数组，数组中是满足条件的元素

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var arr2 = arr.filter(function(x, index) {
return index % 3 === 0 || x >= 8;
}); 
console.log(arr2); 　　　　　　　　
//[1, 4, 7, 8, 9, 10]

18. map()

map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(item){
return item*item;
});
console.log(arr2); 　　　　　　　
//[1, 4, 9, 16, 25]