当前位置:实例文章 » HTML/CSS实例» [文章]es6 数组操作个人总结

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数组方法!

其他信息

其他资源

Top