js基础学习-数组

　　

let arr1 = [ {name: 1} ]
let arr2 = [ {age: 23} ]
let ages = [11, 22, 23]
let newArr = arr1.concat(arr2)

　　1. concat() 用于连接两个或多个数组, 该方法不会改变现有的数组, 而仅仅会返回被连接数组的一个副本.但是修改newArr[0]的内容时,会改变arr1中对应的值(对象数组时,普通数组不会改变)

　　2. every() 用于检测数组所有的元素是否都符合指定条件, 如果检测到有一个元素不满足, 则整个表达式返回 false, 且剩余的元素不会再进行检测, 只有所有的元素都满足,才会 返回 true
　　　　 let result = arr1.every((currentValue, index, arr1) => { return currentValue.name < arr2[0].age }, arr2) //该方法可以接受两个参数 

　　3. filter() 创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

　　　　 let resultArr = arr1.filter((currentValue, index, arr1) => { return currentValue.name < arr2[0].age }, arr2) // 该方法可以接受两个参数

　　4. find() 返回符合要求的第一个元素, 找到符合的元素后,就直接返回,后面的不再继续执行,没有找到时,返回 undefined

　　　　 let matchValue= arr1.find((currentValue, index, arr1) => { return currentValue.name < arr2[0].age }, arr2) //该方法可以接受两个参数 
　　5. findIndex() 返回符合要求的第一个元素的位置,没有找到时返回 -1, 其余与 find() 类似
　　6. Array.from() 用于通过拥有 length 属性的对象或可迭代的对象来返回一个数组
　　　　 let newArray = Array.from([1, 2, 3], (x) => x * 10); newArray = [10, 20, 30] // 其中函数是数组中每个元素需要调用的 let newArray = Array.from(new set([1, 2, 2, 1])) // 此方法可以去重 
　　7. includes() 用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false, 对象数组不适用 [NaN].includes(NaN) // true [NaN].indexOf(NaN) // -1
　　8. Array.isArray(obj) 用来判断一个对象是不是数组
　　9. map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。
　　　　 let newArray = arr1.map( (currentValue, index, arr) => { return arr2[0].age * currentValue.name }, arr2 ) //该方法可以接受两个参数  
　　10. pop() 删除数组的最后一个元素并返回删除的元素, 此方法改变数组的长度
　　　　 let deleteItem = arr1.pop() 
　　11. reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

　　　　

let total = ages.reduce((total, currentValue, index, arr) => {
      // total 初始值, 或者计算结束后的返回值。
　　return total + currentValue // 起始时,total为第一个元素的值(没有传计算的初始值时)
}, 100) // 100为计算的初始值

　　12. reduceRight() 与reduce()一样, 只是reduceRight()是从右向左递减

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

　　14. shift()方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

　　15. slice()方法可从已有的数组中返回选定的元素。
　　　　 let slicedArray = ages.slice(start, end) // start规定从何处开始选取。如果是负数，那么它规定从数组尾部开始算起的位置。end规定从何处结束选取。 
　　16. some() 方法用于检测数组中的元素是否满足指定条件（函数提供）,如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。
　　　　 let matchResult= arr1.some((currentValue, index, arr1) => { return currentValue.name < arr2[0].age }, arr2) 该方法可以接受两个参数 
　　17.sort() 方法用于对数组的元素进行排序。默认排序顺序为按字母升序。
　　　　

let points = [40,100,1,5,25,10]
points.sort(function(a,b){return b-a}); // 数字降序
// 对象数组排序
orderByObjAttr (key) {
　return function (val1, val2) {
　　　return val1[key] - val2[key]
　}
}
arr1.sort(orderByObjAttr('name')) // arr1数组按照name字段升序排列

　　18. splice()方法用于添加或删除数组中的元素。如果仅删除一个元素，则返回一个元素的数组。 如果未删除任何元素，则返回空数组。
　　　　 let deleteArray = ages.splice(2, 1, 12, 12, 23) // 从ages数组的下标为2开始删除一个元素,并添加上12, 12, 23三个元素, deleteArray = [1] 
　　19. toString()方法可以将数组转成字符串,并返回结果
　　　　 let arrayString = ages.toString() 
　　20. unshift()方法可向数组的开头添加一个或更多元素，并返回新的长度。
　　21. flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1。flat(2)
　　　　 let arrTwo = [[1, 2, 3], [2, 3, 4]] let arrTwo_new = arrTwo.flat() // [1, 2, 3, 2, 3, 4] 
　　22. flatMap()方法对原数组的每个成员执行一个函数（相当于执行Array.prototype.map()），然后对返回值组成的数组执行flat()方法。该方法返回一个新数组，不改变原数组。
　　　　 [2, 3, 4].flatMap((x) => [x, x * 2]) // [2, 4, 3, 6, 4, 8] 
　　23. copyWithin()在当前数组内部，将指定位置的成员复制到其他位置（会覆盖原有成员），然后返回当前数组。也就是说，使用这个方法，会修改当前数组。
　　　　 

Array.prototype.copyWithin(target, start = 0, end = this.length)
// target（必需）：从该位置开始替换数据。如果为负值，表示倒数。start（可选）：从该位置开始读取数据，默认为 0。如果为负值，表示从末尾开始计算。
[1, 2, 3, 4, 5].copyWithin(0, 3) // [4, 5, 3, 4, 5]

 

　　24.Array.of()方法用于将一组值，转换为数组。
　　　　 Array.of(3, 11, 8) // [3,11,8] 
　　25. 扩展运算符
　　　　

let arr4 = [..arr1, ...arr2]
//与解构赋值结合使用
[a, ...rest] = arr1 // a = arr1[0], rest = arr1.slice(1)

　　26.indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。如果在数组中没找到指定元素则返回 -1。
　　　　 let arr = [1, 2, 3, 4, 5]; arr.indexOf(1) // 0 
　　27.lastIndexOf() 方法可返回一个指定的元素在数组中最后出现的位置，从该字符串的后面向前查找。
　　　　 let arr = [1, 2, 3, 4, 5, 1];27.lastIndexOf(1) // 5