JavaScript 数组(Array)分组技巧

目录

场景1 根据关键字分组

例如:将数组按奇偶分组

使用 reduce 方法:

使用 forEach 方法:

场景2:将数组按长度分组

 例子:将数组分为若干个长度为2的数组

使用 for 循环:

使用 map 方法:


场景1 根据关键字分组

例如:将数组按奇偶分组

  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] }
  1. 使用 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的数组

  1. 使用 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]]
  1. 使用 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]]

这两种方法都将数组按照每两个元素一组进行分组,并将每组元素存储在一个新的数组中。在上述示例中,将数组元素按照顺序分成多个子数组,每个子数组中包含两个元素。请注意,最后一组可能只包含一个元素,可以根据需求进行适当的处理或者舍弃它。

你可能感兴趣的:(大前端,javascript,前端,开发语言)