在 JavaScript 中按国家/地区对嵌套数组进行排序

重新排列数据数组：按国家/地区分组和排序

使用数组方法（排序、归约）的前端 JavaScript 解决方案

// Original array of country, city, and date data
const data = [
  ['Spain', 'Madrid', '10-12-2024'],
  ['Spain', 'Barcelona', '10-15-2024'],
  ['Suisse', 'Berne', '10-18-2024'],
  ['France', 'Paris', '10-22-2024'],
  ['France', 'Lyon', '10-24-2024']
];

// Step 1: Sort the array by country name (first item)
data.sort((a, b) => a[0].localeCompare(b[0]));

// Step 2: Group cities by their respective countries using reduce
const groupedData = data.reduce((result, item) => {
  const [country, city, date] = item;
  if (!result[country]) {
    result[country] = [];
  }
  result[country].push([city, date]);
  return result;
}, {});

// Step 3: Convert the grouped object back into an array format
const orderedArray = Object.entries(groupedData);
console.log(orderedArray);

优化后端数组排序：Node.js 实现

使用函数式编程的后端 Node.js 解决方案

const data = [
  ['Spain', 'Madrid', '10-12-2024'],
  ['Suisse', 'Berne', '10-18-2024'],
  ['France', 'Paris', '10-22-2024'],
  ['France', 'Lyon', '10-24-2024'],
  ['Spain', 'Barcelona', '10-15-2024']
];

// Step 1: Sort data by country (first column)
const sortedData = data.sort((a, b) => a[0].localeCompare(b[0]));

// Step 2: Group data by country using map and reduce functions
const groupedData = sortedData.reduce((acc, current) => {
  const [country, city, date] = current;
  if (!acc[country]) {
    acc[country] = [];
  }
  acc[country].push([city, date]);
  return acc;
}, {});

// Step 3: Return the formatted array
const resultArray = Object.entries(groupedData);
console.log(resultArray);

在多个环境中测试排序功能

使用 Jest for JavaScript 添加单元测试

const { test, expect } = require('@jest/globals');

test('Should correctly group cities by country', () => {
  const data = [
    ['Spain', 'Madrid', '10-12-2024'],
    ['France', 'Paris', '10-22-2024']
  ];
  const groupedData = sortAndGroup(data);
  expect(groupedData).toEqual([
    ['Spain', [['Madrid', '10-12-2024']]],
    ['France', [['Paris', '10-22-2024']]]
  ]);
});

关于 JavaScript 中数组排序的常见问题

1. JavaScript 中如何按第一项对数组进行排序？
2. 您可以使用 sort() 方法并使用自定义函数比较第一项，例如 localeCompare()。
3. 什么是 reduce() 在这种情况下使用？
4. 这 reduce() 方法帮助按国家对数组元素进行分组，构建一个对象，其中每个国家作为键，其城市作为值。
5. 在排序之前如何处理数组中的无效数据？
6. 使用数据验证过程来检查错误，例如缺少城市名称或无效日期，并在排序之前标记或删除这些条目。
7. 如果我想同时按国家和城市排序怎么办？
8. 您可以修改回调 sort() 方法首先比较国家，如果相同，则比较同一国家内的城市。
9. 如何使排序响应用户输入？
10. 您可以实现触发事件侦听器 sort() 每当用户进行更改（例如选择新城市或日期）时，该函数都会起作用。

关于数组排序和分组的最终想法

这里概述的技术提供了一种按国家/地区对数组进行排序和分组的简化方法，使该过程高效且适用于不同的用户交互。使用 JavaScript 数组方法 确保数据易于管理并以正确的格式显示。

通过事件驱动的更新、数据验证和动态排序，开发人员可以创建更强大的系统来顺利处理用户输入。这些方法为涉及动态数据处理的常见问题提供了可扩展的解决方案，确保即使在处理更大的数据集时排序也保持高效。