深入浅出JS之Array方法大全

1.创建数组
2.通过索引访问数组元素
3.forEach遍历数组
4.push添加元素到数组的末尾
5.pop删除数组末尾的元素
6.unshift添加元素至数组的最前面
7.shift删除数组最前面的元素
8.indexOf找出某个元素在数组中的索引
9.splice通过索引删除数组中某个元素
10.splice通过索引删除多个元素
11.slice复制一个数组
12.Array.from从类数组对象或者可迭代对象中创建一个新的数组实例
13.Array.isArray用来判断某个变量是否是一个数组对象
14.Array.of创建一个具有可变数量参数的新数组实例
15.concat合并两个或多个数组
16.includes判断一个数组是否包含一个指定的值，根据情况，如果包含则返回  true，否则返回false
17.join将数组的所有元素连接成一个字符串并返回这个字符串
18.toString返回一个字符串，表示指定的数组及其元素
19.lastIndexOf从后面查找元素第一次出现的索引
20.every测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值
21.some试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值
22.filter创建一个新数组,  其包含通过所提供函数实现的测试的所有元素
23.find返回数组中满足提供的测试函数的第一个元素的值
24.findIndex返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1
25.map创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值
26.reduce对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值

1.创建数组
var  arr  =  ["a","b"]
console.log(arr)    //["a","b"]

2.通过索引访问数组元素
console.log(arr[0])    //  a

3.forEach遍历数组
arr.forEach((item,index)  =>  {
console.log(item,index)
})
//  a  0
//  b  1

4.push添加元素到数组的末尾
var  str  =  "c"
arr.push(str)
console.log(arr)  //  ["a","b","c"]

5.pop删除数组末尾的元素
arr.pop()
console.log(arr)  //  ["a","b"]

6.unshift添加元素至数组的最前面
arr.unshift('1')
console.log(arr)  //  ["1","a","b"]

7.shift删除数组最前面的元素
arr.shift()
console.log(arr)  //  ["a","b"]

8.indexOf找出某个元素在数组中的索引
var  i  =  arr.indexOf("b")
console.log(i)  //  1

9.splice通过索引删除数组中某个元素
arr.splice(1,1)
console.log(arr)  //  ["a"]

10.splice通过索引删除多个元素
arr.push('b')
console.log(arr)  //  ["a","b"]
arr.splice(0,2)
console.log(arr)  //  []

11.slice复制一个数组
var  arr  =  [1,2,3]
var  arr2  =  arr.slice()
console.log(arr2)  //  [1,2,3]

12.Array.from从类数组对象或者可迭代对象中创建一个新的数组实例
var  str  =  "abcd12"
console.log(Array.from(str))  //  ["a","b","c","d","1","2"]

13.Array.isArray用来判断某个变量是否是一个数组对象
var  arr  =  ["a","b"]
console.log(Array.isArray(arr))  //  true

14.Array.of创建一个具有可变数量参数的新数组实例
Array.of(1);                  //  [1]
Array.of(1,  2,  3);      //  [1,  2,  3]
Array.of(undefined);  //  [undefined]

15.concat合并两个或多个数组
var  arr1  =  ["a","b","c"]
var  arr2  =  ["d","e","f"]
var  Arr  =  arr1.concat(arr2)
console.log(Arr)  //  ["a",  "b",  "c",  "d",  "e",  "f"]

16.includes判断一个数组是否包含一个指定的值，根据情况，如果包含则返回  true，否则返回false
var  arr  =  ["a",  "b",  "c",  "d",  "e",  "f"]
console.log(arr.includes("c"))  //  true

17.join将数组的所有元素连接成一个字符串并返回这个字符串
var  arr  =  ["a",  "b",  "c",  "d",  "e",  "f"]
console.log(arr.join())  //  a,b,c,d,e,f
console.log(arr.join("-"))  //  a-b-c-d-e-f  ,  可以指定分隔符,不指定默认是逗号

18.toString返回一个字符串，表示指定的数组及其元素
var  arr  =  [1,2,"aa","11c"]
console.log(arr.toString())  //  1,2,aa,11c

19.lastIndexOf从后面查找元素第一次出现的索引
var  arr  =  ["a","b","c","b"]
console.log(arr.lastIndexOf("b"))  //  3

20.every测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值
var  arr  =  [3,  4,  5,  6,  7]
var  i  =  arr.every((x)  =>  x  >  1)
var  i2  =  arr.every((x)  =>  x  >  4)
console.log(i,  i2)  //  true  false

21.some试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值
var  arr  =  [3,  4,  5,  6,  7]
var  i  =  arr.some((x)  =>  x  >  4)
var  i2  =  arr.some((x)  =>  x  >  8)
console.log(i,  i2)  //  true  false

22.filter创建一个新数组,  其包含通过所提供函数实现的测试的所有元素
var  arr  =  [1,2,3,4,5,6]
var  newArr  =  arr.filter(el  =>  el  >  4)
console.log(newArr)  //  [5,6]

23.find返回数组中满足提供的测试函数的第一个元素的值
var  arr  =  [1,2,3,4,5,6]
var  ele  =  arr.find(el  =>  el  >  4)
console.log(ele)  //  5

24.findIndex返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1
var  arr  =  [1,2,3,4,5,6]
var  i  =  arr.findIndex(el  =>  el  >  3)
var  i2  =  arr.findIndex(el  =>  el  >  6)
console.log(i,i2)  //  3  -1

25.map创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值
var  arr  =  [1,2,3,4,5,6]
var  newArr  =  arr.map(el  =>  {
return  el*2
})
console.log(newArr)  //  [2,4,6,8,10,12]

26.reduce对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值
var  arr  =  [1,  2,  3,  4,  5,  6]
var  i  =  arr.reduce((accumulator,  currentValue)  =>  {
return  accumulator  +  currentValue
})
var  i2  =  arr.reduce((accumulator,  currentValue)  =>  {
return  accumulator  +  currentValue
},5)
console.log(i,i2)  //  21  26

整理不易，需要收藏以便查询

原文链接：https://blog.csdn.net/weixin_45410804/article/details/116204107