JavaScript原生数组分组功能：groupBy方法详解与实战

const originalArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

// 使用原生支持的数组分组功能
const groupedArray = originalArray.groupBy((element) => element % 2 === 0);

console.log(groupedArray);

const persons = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 25 },
];

const groupedByAge = persons.groupBy((person) => person.age);

console.log(groupedByAge);

const words = ['apple', 'banana', 'grape', 'orange'];

const groupedByFirstLetter = words.groupBy((word) => word[0]);

console.log(groupedByFirstLetter);

const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

const groupedByParityAndSize = numbers.groupBy((num) => ({
  parity: num % 2 === 0 ? 'even' : 'odd',
  size: num > 5 ? 'large' : 'small',
}));

console.log(groupedByParityAndSize);

const salesData = [
  { product: 'A', month: 'Jan', amount: 1000 },
  { product: 'B', month: 'Jan', amount: 1200 },
  { product: 'A', month: 'Feb', amount: 800 },
  { product: 'B', month: 'Feb', amount: 1500 },
  // ... more data
];

const groupedSalesData = salesData.groupBy((sale) => ({
  product: sale.product,
  month: sale.month,
}));

console.log(groupedSalesData);

const formData = [
  { field: 'username', value: 'Alice' },
  { field: 'email', value: 'alice@example.com' },
  { field: 'username', value: 'Bob' },
  { field: 'email', value: 'bob@example.com' },
  // ... more data
];

const groupedFormData = formData.groupBy((data) => data.field);

console.log(groupedFormData);