es6 数组操作个人总结
发布人:shili8
发布时间:2024-11-18 17:28
阅读次数:0
**ES6 数组操作个人总结**
在 ES6 中,数组操作变得更加方便和高效。以下是我的个人总结:
###1. Array.from()
`Array.from()` 方法用于将类似数组的对象(如 DOM 元素集合、Set 等)转换为真正的数组。
javascript// 将 DOM 元素集合转换为数组const elements = document.querySelectorAll('div'); const array = Array.from(elements); console.log(array); // [div, div, div]
###2. Array.prototype.includes()
`includes()` 方法用于检查数组是否包含某个元素。
javascript// 检查数组是否包含某个元素const arr = [1,2,3]; console.log(arr.includes(2)); // trueconsole.log(arr.includes(4)); // false
###3. Array.prototype.find()
`find()` 方法用于在数组中找到第一个满足条件的元素。
javascript// 在数组中找到第一个满足条件的元素const arr = [1,2,3]; console.log(arr.find(x => x >2)); //3
###4. Array.prototype.findIndex()
`findIndex()` 方法用于在数组中找到第一个满足条件的元素的索引。
javascript// 在数组中找到第一个满足条件的元素的索引const arr = [1,2,3]; console.log(arr.findIndex(x => x >2)); //2
###5. Array.prototype.filter()
`filter()` 方法用于过滤数组中的元素,返回符合条件的新数组。
javascript// 过滤数组中的元素const arr = [1,2,3]; console.log(arr.filter(x => x >2)); // []
###6. Array.prototype.map()
`map()` 方法用于将数组中的每个元素转换为一个新值,返回一个新数组。
javascript// 将数组中的每个元素转换为一个新值const arr = [1,2,3]; console.log(arr.map(x => x *2)); // [2,4,6]
###7. Array.prototype.reduce()
`reduce()` 方法用于将数组中的所有元素合并成一个值。
javascript// 将数组中的所有元素合并成一个值const arr = [1,2,3]; console.log(arr.reduce((a, b) => a + b)); //6
###8. Array.prototype.some()
`some()` 方法用于检查数组中是否有至少一个元素满足条件。
javascript// 检查数组中是否有至少一个元素满足条件const arr = [1,2,3]; console.log(arr.some(x => x >2)); // true
###9. Array.prototype.every()
`every()` 方法用于检查数组中所有元素是否满足条件。
javascript// 检查数组中所有元素是否满足条件const arr = [1,2,3]; console.log(arr.every(x => x >0)); // true
###10. Array.prototype.sort()
`sort()` 方法用于对数组中的元素进行排序。
javascript// 对数组中的元素进行排序const arr = [3,2,1]; arr.sort((a, b) => a - b); console.log(arr); // [1,2,3]
###11. Array.prototype.splice()
`splice()` 方法用于在数组中插入或删除元素。
javascript// 在数组中插入或删除元素const arr = [1,2,3]; arr.splice(1,0, 'a'); console.log(arr); // [1, 'a',2,3]
###12. Array.prototype.concat()
`concat()` 方法用于将两个数组合并成一个新数组。
javascript// 将两个数组合并成一个新数组const arr1 = [1,2]; const arr2 = [3,4]; console.log(arr1.concat(arr2)); // [1,2,3,4]
###13. Array.prototype.flat()
`flat()` 方法用于将多维数组转换为一维数组。
javascript// 将多维数组转换为一维数组const arr = [[1,2], [3,4]]; console.log(arr.flat()); // [1,2,3,4]
###14. Array.prototype.flatMap()
`flatMap()` 方法用于将多维数组转换为一维数组,并对每个元素进行处理。
javascript// 将多维数组转换为一维数组,并对每个元素进行处理const arr = [[1,2], [3,4]]; console.log(arr.flatMap(x => x *2)); // [2,4,6,8]
以上就是我的ES6 数组操作个人总结。希望这些内容能够帮助你更好地理解和使用ES6数组方法!