Mengisih Tatasusunan Bersarang mengikut Negara dalam JavaScript

Menguasai Susunan Susunan: Mengelompokkan Bandar mengikut Negara

Dalam JavaScript, bekerja dengan tatasusunan adalah perkara biasa, tetapi perkara boleh menjadi rumit apabila anda perlu mengatur data yang kompleks. Contohnya, jika anda mempunyai senarai negara, bandar dan tarikh, menyusun dan menyusun semula tatasusunan itu boleh menjadi satu cabaran. Di sinilah manipulasi tatasusunan pintar berguna.

Bayangkan anda mempunyai tatasusunan yang mengandungi nama negara, nama bandar dan tarikh yang sepadan, dan anda ingin mengisih tatasusunan ini mengikut negara sambil mengumpulkan data setiap bandar di bawah negara masing-masing. Ini adalah kemahiran yang berguna apabila bekerja dengan set data yang perlu diatur untuk pembentangan yang jelas.

Untuk mencapai matlamat ini, JavaScript menyediakan beberapa kaedah yang membolehkan pengisihan dan penstrukturan semula data dengan mudah. Anda boleh menggunakan fungsi seperti sort() dan mengurangkan() untuk mengumpulkan elemen dengan cekap, menyediakan cara yang jelas dan ringkas untuk mengurus tatasusunan data.

Tutorial ini akan membimbing anda melalui pendekatan mudah untuk mengisih dan mengumpulkan tatasusunan bersarang mengikut negara, yang boleh disesuaikan dengan pelbagai interaksi pengguna, seperti mengklik pada negara atau bandar, atau menentukan julat tarikh. Mari selami langkahnya!

Pengisihan dan Pengumpulan Tatasusunan yang Cekap dalam JavaScript

Skrip yang dibuat di atas direka untuk menangani masalah menyusun dan mengumpulkan tatasusunan bersarang mengikut item pertama, yang dalam kes ini ialah negara. Matlamatnya adalah untuk mengatur jadual bandar dan tarikh di bawah negara masing-masing. Proses bermula dengan menggunakan sort() kaedah untuk menyusun semula tatasusunan. Fungsi ini penting untuk memastikan semua baris yang dikaitkan dengan negara yang sama disenaraikan secara berturut-turut. Dengan memanfaatkan localeCompare(), skrip memastikan bahawa pengisihan mematuhi peraturan khusus setempat, yang amat penting apabila berurusan dengan pelbagai nama negara atau aksara bukan ASCII.

Setelah data diisih, langkah seterusnya melibatkan pengumpulan bandar mengikut negara. Ini dicapai menggunakan mengurangkan() fungsi, kaedah tatasusunan berkuasa yang memudahkan pengumpulan hasil. Dalam kes ini, kaedah membina objek dengan setiap kunci ialah sebuah negara, dan nilai yang sepadan ialah tatasusunan bandar dan tarikhnya. Langkah ini memastikan bahawa setiap negara dikaitkan dengan data yang berkaitan, menjadikannya lebih mudah untuk mengurus dan mengakses untuk operasi masa hadapan seperti memaparkan jadual atau carta dalam antara muka bahagian hadapan.

Selepas mengumpulkan, skrip menggunakan Object.entry() kaedah untuk menukar objek yang terhasil semula ke dalam tatasusunan. Transformasi ini diperlukan kerana objek tidak semudah dimanipulasi atau diberikan seperti tatasusunan dalam JavaScript. Dengan menukar semula data ke dalam format tatasusunan, kami boleh mengulanginya atau menyerahkannya kepada fungsi lain dengan lancar. Penggunaan tatasusunan lebih disukai untuk banyak tugasan dalam JavaScript kerana keserasiannya dengan kebanyakan fungsi dan kemudahan traversal.

Dalam langkah terakhir, skrip diuji untuk kefungsian. Untuk penyelesaian bahagian belakang dalam Node.js, kami menggunakan ujian unit menggunakan rangka kerja Jest untuk mengesahkan ketepatan fungsi pengisihan dan pengelompokan. Ujian menyemak sama ada bandar-bandar dikumpulkan dengan betul di bawah negara masing-masing dan memastikan bahawa format output sepadan dengan struktur yang dijangkakan. Perhatian terhadap ujian ini adalah penting untuk menjamin bahawa penyelesaian berfungsi dalam berbilang persekitaran, sama ada pada pelayan atau dalam penyemak imbas. Melalui gabungan kaedah tatasusunan yang cekap dan ujian yang betul, skrip menyediakan penyelesaian yang boleh dipercayai dan berskala kepada masalah menyusun dan mengumpulkan data kompleks dalam 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);

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);

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']]]
  ]);
});

Teknik Lanjutan untuk Mengisih Tatasusunan dalam JavaScript

Satu lagi aspek penting apabila berurusan dengan menyusun tatasusunan dalam JavaScript, terutamanya dalam aplikasi dinamik, ialah cara mengendalikan kes di mana data sentiasa berubah. Contohnya, apabila pengguna berinteraksi dengan sistem langsung, seperti platform tempahan, tempat mereka memilih negara, bandar dan tarikh, adalah penting untuk pengisihan data berlaku dalam masa nyata. Dalam kes sedemikian, menggunakan kaedah seperti didorong oleh peristiwa pengaturcaraan boleh memberi manfaat. Ini memastikan bahawa setiap kali pengguna memilih atau mengubah suai data, tatasusunan dikemas kini secara automatik dan diisih semula.

Dalam sistem yang lebih kompleks, penggunaan fungsi panggil balik dalam algoritma pengisihan boleh membantu menyesuaikan logik pengisihan mengikut keperluan pengguna tertentu. Sebagai contoh, anda mungkin perlu mengisih bukan sahaja mengikut negara tetapi juga mengikut bandar atau tarikh bergantung pada pilihan pengguna. Fungsi panggil balik di dalam sort() kaedah membolehkan pembangun menentukan cara pengisihan harus dikendalikan secara dinamik, yang meningkatkan pengalaman pengguna dan fleksibiliti sistem.

Satu lagi aspek yang perlu dipertimbangkan ialah penggunaan pengesahan data sebelum menyusun tatasusunan. Langkah ini memastikan tiada data yang rosak atau tidak sah masuk ke dalam tatasusunan. Contohnya, jika pengguna secara tidak sengaja memasukkan tarikh yang tidak sah atau meninggalkan nama bandar kosong, proses pengesahan data boleh sama ada membenderakan ralat atau menapis secara automatik entri yang tidak sah sebelum logik pengisihan digunakan. Langkah ini adalah penting untuk mengekalkan integriti dan ketepatan data sistem.