Ligzdotā masīva kārtošana pēc valsts JavaScript

Masīvu šķirošanas apgūšana: pilsētu grupēšana pēc valsts

Programmā JavaScript darbs ar masīviem ir izplatīts, taču lietas var kļūt sarežģītas, ja nepieciešams kārtot sarežģītus datus. Piemēram, ja jums ir valstu, pilsētu un datumu saraksts, šī masīva kārtošana un pārstrukturēšana var būt izaicinājums. Šeit noder viedās masīvu manipulācijas.

Iedomājieties, ka jums ir masīvs, kurā ir valstu nosaukumi, pilsētu nosaukumi un atbilstošie datumi, un vēlaties kārtot šo masīvu pēc valsts, vienlaikus grupējot katras pilsētas datus attiecīgajā valstī. Šī ir noderīga prasme, strādājot ar datu kopām, kuras ir jāsakārto skaidrai prezentācijai.

Lai to panāktu, JavaScript nodrošina vairākas metodes, kas ļauj viegli kārtot un pārstrukturēt datus. Varat izmantot tādas funkcijas kā kārtot () un samazināt () efektīvi grupēt elementus, nodrošinot skaidru un kodolīgu veidu, kā pārvaldīt datu masīvus.

Šī apmācība palīdzēs jums veikt vienkāršu pieeju ligzdotā masīva kārtošanai un grupēšanai pēc valsts, ko var pielāgot dažādām lietotāju darbībām, piemēram, noklikšķinot uz valsts vai pilsētas vai definējot datumu diapazonu. Iedziļināsimies soļos!

Efektīva masīvu kārtošana un grupēšana JavaScript

Iepriekš izveidotie skripti ir paredzēti, lai risinātu problēmu, kas saistīta ar ligzdotā masīva kārtošanu un grupēšanu pēc pirmā vienuma, kas šajā gadījumā ir valsts. Mērķis ir izveidot tabulu ar pilsētām un datumiem attiecīgajās valstīs. Process sākas, izmantojot kārtot () metode masīva pārkārtošanai. Šī funkcija ir ļoti svarīga, lai nodrošinātu, ka visas ar vienu un to pašu valsti saistītās rindas tiek uzskaitītas secīgi. Izmantojot sviras efektu localeCompare(), skripts nodrošina, ka kārtošanā tiek ievēroti lokalizācijas noteikumi, kas ir īpaši svarīgi, strādājot ar dažādu valstu nosaukumiem vai rakstzīmēm, kas nav ASCII.

Kad dati ir sakārtoti, nākamais solis ir pilsētu grupēšana pēc valsts. Tas tiek panākts, izmantojot samazināt () funkcija, jaudīga masīva metode, kas vienkāršo rezultātu uzkrāšanu. Šajā gadījumā metode konstruē objektu, kurā katra atslēga ir valsts, un atbilstošā vērtība ir tās pilsētu un datumu masīvs. Šī darbība nodrošina, ka katra valsts ir saistīta ar tās attiecīgajiem datiem, atvieglojot to pārvaldību un piekļuvi turpmākām darbībām, piemēram, tabulu vai diagrammu renderēšanai priekšgala saskarnē.

Pēc grupēšanas skripts izmanto Object.entries() metode, lai pārvērstu iegūto objektu atpakaļ masīvā. Šī transformācija ir nepieciešama, jo ar objekti nav tik viegli manipulējami vai atveidojami kā JavaScript masīvi. Pārvēršot datus atpakaļ masīva formātā, mēs varam tos atkārtot vai nemanāmi nodot citām funkcijām. Masīvu izmantošana ir ieteicama daudziem JavaScript uzdevumiem, jo ​​tie ir saderīgi ar lielāko daļu funkciju un ir viegli pārvietojami.

Pēdējās darbībās tiek pārbaudīta skripta funkcionalitāte. Aizmugurējam risinājumam iekšā Node.js, mēs izmantojam vienību testus, izmantojot Jest sistēmu, lai apstiprinātu kārtošanas un grupēšanas funkciju pareizību. Pārbaudes pārbauda, ​​vai pilsētas ir pareizi sagrupētas to attiecīgajās valstīs, un nodrošina, ka izvades formāts atbilst paredzamajai struktūrai. Šī uzmanība testēšanai ir ļoti svarīga, lai garantētu, ka risinājums darbojas vairākās vidēs, gan serverī, gan pārlūkprogrammā. Izmantojot kombināciju efektīvas masīvu metodes un pareizi testējot, skripti nodrošina uzticamu un mērogojamu risinājumu sarežģītu datu kārtošanas un grupēšanas problēmai 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']]]
  ]);
});

Uzlabotas metodes masīvu šķirošanai JavaScript

Vēl viens svarīgs aspekts, kārtojot masīvus JavaScript, jo īpaši dinamiskajās lietojumprogrammās, ir tas, kā rīkoties gadījumos, kad dati pastāvīgi mainās. Piemēram, kad lietotāji mijiedarbojas ar reāllaika sistēmu, piemēram, rezervēšanas platformu, kur viņi izvēlas valstis, pilsētas un datumus, ir ļoti svarīgi, lai datu kārtošana notiktu reāllaikā. Šādos gadījumos, izmantojot tādas metodes kā notikumu virzīts programmēšana var būt noderīga. Tas nodrošina, ka katru reizi, kad lietotājs atlasa vai maina datus, masīvs tiek automātiski atjaunināts un pārkārtots.

Sarežģītākās sistēmās, izmantojot atzvanīšanas funkcijas šķirošanas algoritmos var palīdzēt pielāgot šķirošanas loģiku atbilstoši konkrētām lietotāju vajadzībām. Piemēram, atkarībā no lietotāja vēlmēm, iespējams, būs jākārto ne tikai pēc valsts, bet arī pēc pilsētas vai datuma. Atzvanīšanas funkcija iekšpusē sort() Metode ļauj izstrādātājam definēt, kā kārtošana jāveic dinamiski, kas uzlabo lietotāja pieredzi un sistēmas elastību.

Vēl viens aspekts, kas jāņem vērā, ir izmantošana datu validācija pirms masīva šķirošanas. Šī darbība nodrošina, ka masīvā nenonāk bojāti vai nederīgi dati. Piemēram, ja lietotājs nejauši ievada nederīgu datumu vai atstāj pilsētas nosaukumu tukšu, datu validācijas process var vai nu atzīmēt kļūdu, vai arī automātiski filtrēt nederīgos ierakstus, pirms tiek lietota šķirošanas loģika. Šis solis ir ļoti svarīgs, lai saglabātu sistēmas datu integritāti un precizitāti.