JS 数组（Array）常用方法总结

• 1、forEach

• 2、map

• 3、filter

• 4、push

• 5、slice

• 6、pop

• 7、shift

• 8、concat用于连接两个或多个数组

• 9、join

• 10、includes

 1、forEach-循环遍历

题：将数组let arr = [20,30,40,50,60]的每个元素加10，返回一个新的数组。

let arr2 = []
arr.forEach(item=>{
   let newItem = item + 10
   arr2.push(newItem)
})
   return arr2

2、map

map-循环遍历数组的每个元素，其参数是一个函数，该函数可以处理每个元素，并返回，处理后的元素组成的一个新数组。

将数组let arr = [{value:20},{value:30},{value:40},{value:50},{value:60}]的每个元素中的value的值组成一个新的数组。

let arr2 = Arr.map(item=>{
   return item.value
})
 return arr2
//[20,30,40,50,60]

*map()执行完以后，不会改变原数组
*map()执行完以后，会返回一个新数组

3、filter

filter-过滤数组的元素，将符合条件的元素保留下来返回给一个新数组

有数组let arr = [{value:20},{value:30},{value:40},{value:50},{value:60}]，将value大于30的元素组成一个新的数组
let arr2 = Arr.filter(item=>{
   return item.value>30
})
 return arr2 
//[{value:40},{value:50},{value:60}]

*filter()执行完以后，不会改变原数组

*filter()执行完以后，会返回一个新数组

4、push

push-往数组的尾部插入一条或多条数据

将数组let arr = [20,30,40,50,60]的每个元素加10，返回一个新的数组。
let arr2 = []
arr.forEach(item=>{
 let newItem = item + 10
   arr2.push(newItem)
})
  return arr2
//[20,30,40,50,60]

5、slice

Slice(start,end)

参数：

1、start、end都是可选的，如果都不传，就返回全部

2、只传start，则返回从start (包含)开始到其后所有的元素

3、如果都传，则返回从start (包含)开始到end（不包含）结束

*start和end都是数组的索引

*返回的新数组就是截取的部分

* slice() 方法不会改变原始数组

6、pop

pop-删除数组最后一个元素

*会改变原数组

7、shift

shift-删除数组第一个元素

*会改变原数组

8、concat

concat-用于连接两个或多个数组

let arr1 = [1,2,3],arr2 = [4,5,6]
let arr3 = Arr1.concat(arr2)
 return arr3
//[1,2,3,4,5,6]

*不会改变现有的数组

*会把连接后的新数组返回

9、join

join-将数组的每个元素组成一个字符串，元素之间用所传入参数的符号隔开

如果不传参，默认用“,”号隔开
let arr1 = [1,2,3]
let str =Arr1.join()
//“1,2,3”

与其反向操作的是字符串类型的spilt()方法
let arr = “1,2,3”.split()
//arr为[1,2,3]

10、includes

includes-用来判断一个值是否包含在数组中,包含返回true,不包含返回false

let site = ['runoob', 'google', 'taobao’]; 
site.includes('runoob'); // true 
site.includes(‘baidu‘); //false