JavaScript的15个数组处理方法

在javascript中，数组是一个特殊的变量，用于储存不同的元素，它具有一些内置属性和方法，可用于根据需要添加，删除，迭代或操作数。

1.some()
此方法为参数传递的函数测试数组，如果有一个元素与测试元素匹配。则返回true，否则返回false。
some()不会对空数组进行检测;some()不会改变原始数组。

const mysomeArray=['a','b','c','d',]
mysomeArray.some(test=>test==='d')
//-------> Output : true

2.reduce()
此方法接收一个函数作为累加器。它为数组中的每个元素依次执行回调函数，不包括数组中被删除或者从未被赋值的元素。函数应用于累加器，数组中的每个值最后只返回一个值。

reduce() 方法接受四个参数：初始值（上一次回调的返回值），当前元素值，当前索引，原数组。

arr 表示原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。

//项之和
const myAwesomeArray = [1, 2, 3, 4, 5]
 var my=myAwesomeArray.reduce((prev, cur ) => prev*cur )
console.log(my) //120
//去重
let arr2= [1,2,3,4,5,2,3];
let newArr = arr2.reduce(function(prev, cur){
    if( prev.indexOf(cur) == -1){
        prev.push(cur);

    }
    return prev;

},[]);
console.log(newArr);
//初始化一个空数组，将需要去重的数组的值在空数组里查找，如果找不到，就将这个值添加到空数组里，直到查找完毕，将空数组返回出来。

3.every()

every(): 对数组中每一项运行给定函数，如果该函数的每一项都返true,则返回true。

var arr = [1, 2, 3, 4, 5]
console.log(arr.some((item, index, array) => {
  return item > 3
}))     // true
console.log(arr.every((item, index, array) => {
  return item > 3
}))      // false

4.map()
map()具有返回值，会返回一个新的数组，这样处理数组后也不会影响到原有数组，不会对空数组进行检测

const myAwesomeArray = [5, 4, 3, 2, 1]
var my=myAwesomeArray.map(x => x * x)
console.log(my)  // [25, 16, 9, 4, 1]

5.flat()
此方法创建一个新数组，其中包含子数组上的holden元素，并将其平整到新数组中。请注意，此方法只能进行一个级别的深度。不能处理二级里面套的三级数组 。只能处理数组套数组的这种形式

const myAwesomeArray = [1, 2, [3, 4], 5]
var my=myAwesomeArray.flat()
console.log(my)  // [1, 2, 3, 4, 5]

6.filter()
用于筛选数组中满足条件的元素，返回一个筛选后的新数组，是不修改原数组中的数据，只能读取原数组中的数据，callback需要返回布尔值；为true的时候，对应的元素留下来；为false的时候，对应的元素过滤掉。

const myAwesomeArray = [ 
	{ id: 1, name: "john" },  
	{ id: 2, name: "Ali" }, 
	{ id: 3, name: "Mass" },  
	{ id: 4, name: "Mass" },
]
var my=myAwesomeArray.filter(element => element.name === "Mass")
console.log(my) //  {id: 3, name: "Mass"}  {id: 4, name: "Mass"}

7.forEach()
此方法用于调用数组的每个元素。并将元素传递给回调函数。 forEach() 对于空数组是不会执行回调函数的（无返回值）

const myAwesomeArray = [
	{ id: 1, name: "john" },  
    { id: 2, name: "Ali" },  
    { id: 3, name: "Mass" },
]
myAwesomeArray.forEach(element => console.log(element.name))  //控制台输出数组内的name

8. findIndex（）
findIndex()与find()的使用方法相同，只是当条件为true时findIndex()返回的是索引值，而find()返回的是元素。如果没有符合条件元素时findIndex()返回的是-1，而find()返回的是undefined。findIndex()当中的回调函数也是接收三个参数，与find()相同。findIndex() 对于空数组，函数是不会执行的， findIndex() 并没有改变数组的原始值。

const bookArr=[
    {
        id:1,
        bookName:"三国演义"
    },
    {
        id:2,
        bookName:"水浒传"
    },
    {
        id:3,
        bookName:"红楼梦"
    },
    {
        id:4,
        bookName:"西游记"
    }
];
var i=bookArr.findIndex((value)=>value.id==4);
console.log(i);// 3
var i2=bookArr.findIndex((value)=>value.id==100);
console.log(i2);// -1

9.find()
上述，返回元素，当数组中的元素在测试条件时回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。find() 对于空数组，函数是不会执行的；find() 并没有改变数组的原始值

const myArr=[1,2,3,4,5,6];
var v=myArr.find((value,index,arr)=>{
    return index==4
});
console.log(v);// 5

10.sort()
此方法接收一个函数作为参数。它对数组的元素进行排序并返回它。也可以使用含有参数的sort()方法进行排序。

const myAwesomeArray = [5, 4, 3, 2, 1]
var my=myAwesomeArray.sort((a, b) => b- a)  //[5,4,3,2,1]
var my=myAwesomeArray.sort((a, b) => a- b) //[1,2,3,4,5]
console.log(my)

11.concat()
此方法用于连接两个或多个数组/值，它不会改变现有的数组。而仅仅返回被连接数组的一个新数组。

const myAwesomeArray = [1, 2, 3, 4, 5]
const myAwesomeArray2 = [10, 20, 30, 40, 50]
var my=myAwesomeArray.concat(myAwesomeArray2)
console.log(my)

12.fill()
此方法的作用是使用一个固定值来替换数组中的元素。该固定值可以是字母、数字、字符串、数组等等。它还有两个可选参数，表示填充起来的开始位置（默认为0）与结束位置（默认为array.length）。

const myAwesomeArray = [1, 2, 3, 4, 5]
//0是表示从0开始，1代表下标，3表示数组的结束length
var my=myAwesomeArray.fill(0, 1, 3)
console.log(my)

13.includes()
此方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true，否则返回 false。includes() 方法区分大小写

const myAwesomeArray = [1, 2, 3, 4, 5]
var my=myAwesomeArray.includes(3)
console.log(my) //true

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

const myAwesomeArray = ["e", "d", "c", "b", "a"]
var my=myAwesomeArray.reverse()
console.log(my)// ['a', 'b', 'c', 'd', 'e']

15.flatMap()
该方法将函数应用于数组的每个元素，然后将结果压缩为一个新数组。它在一个函数中结合了flat（）和map（）

const myAwesomeArray = [[1], [2], [3], [4], [5]]
var my=myAwesomeArray.flatMap(arr => arr * 10)
console.log(my)// ['a', 'b', 'c', 'd', 'e']