JavaScript 数组(Array)分组技巧
2023-12-20 17:12:50
目录
场景1 根据关键字分组
例如:将数组按奇偶分组
-
使用 reduce 方法:
const arr = [1, 2, 3, 4, 5, 6];
const grouped = arr.reduce((result, value) => {
const key = value % 2 === 0 ? 'even' : 'odd';
if (!result[key]) {
result[key] = [];
}
result[key].push(value);
return result;
}, {});
console.log(grouped);
// 输出: { odd: [1, 3, 5], even: [2, 4, 6] }
-
使用 forEach 方法:
const arr = [1, 2, 3, 4, 5, 6];
const grouped = {};
arr.forEach(value => {
const key = value % 2 === 0 ? 'even' : 'odd';
if (!grouped[key]) {
grouped[key] = [];
}
grouped[key].push(value);
});
console.log(grouped);
// 输出: { odd: [1, 3, 5], even: [2, 4, 6] }
这两种方法都使用一个对象 (grouped
) 来存储分组结果。在这个例子中,将奇数和偶数分为两组,分别存储在对象的不同属性中。你根据需求来定义不同的分组逻辑。
场景2:将数组按长度分组
?例子:将数组分为若干个长度为2的数组
-
使用 for 循环:
const arr = [1, 2, 3, 4, 5, 6, 7, 8];
const grouped = [];
for (let i = 0; i < arr.length; i += 2) {
grouped.push(arr.slice(i, i + 2));
}
console.log(grouped);
// 输出: [[1, 2], [3, 4], [5, 6], [7, 8]]
-
使用 map 方法:
const arr = [1, 2, 3, 4, 5, 6, 7, 8];
const grouped = arr.map((value, index) => {
if (index % 2 === 0) {
return arr.slice(index, index + 2);
}
});
console.log(grouped.filter(Boolean));
// 输出: [[1, 2], [3, 4], [5, 6], [7, 8]]
这两种方法都将数组按照每两个元素一组进行分组,并将每组元素存储在一个新的数组中。在上述示例中,将数组元素按照顺序分成多个子数组,每个子数组中包含两个元素。请注意,最后一组可能只包含一个元素,可以根据需求进行适当的处理或者舍弃它。
文章来源:https://blog.csdn.net/u011663865/article/details/135110499
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!