Bagaimana Mengisih Tatasusunan JavaScript Berdasarkan Susunan Tatasusunan Lain?

Mengisih Tatasusunan JavaScript Berdasarkan Tatasusunan Lain

Dalam JavaScript, menyusun tatasusunan ialah operasi biasa. Walau bagaimanapun, terdapat senario di mana anda mungkin mahu mengisih tatasusunan berdasarkan tatasusunan lain. Ini boleh menjadi mencabar, terutamanya apabila anda tidak mempunyai pengecam unik untuk memautkan elemen.

Pernyataan Masalah:

Bayangkan anda mempunyai dua tatasusunan:

• itemArray: Tatasusunan pasangan [nama, groupName], cth.:

  [
      ['Anne', 'a'],
      ['Bob', 'b'],
      ['Henry', 'b'],
      ['Andrew', 'd'],
      ['Jason', 'c'],
      ['Thomas', 'b']
  ]

• sortingArr: Tatasusunan yang diisih nama kumpulan, cth.:

  ['b', 'c', 'b', 'b', 'a', 'd']

Tugasnya ialah menyusun semula itemArray agar sesuai dengan susunan sortingArr. Ini bermakna item yang tergolong dalam kumpulan yang sama harus bersebelahan dan dipesan mengikut susunan dalam sortingArr.

Penyelesaian:

Untuk menyelesaikan masalah ini, kita boleh menggunakan fungsi pengisihan yang membandingkan elemen berdasarkan indeks kumpulan mereka dalam sortingArr:

itemsArray.sort(function(a, b){  
  return sortingArr.indexOf(a) - sortingArr.indexOf(b);
});

Fungsi ini mengira perbezaan antara indeks unsur dalam sortingArr. Perbezaan positif menunjukkan bahawa elemen a harus diletakkan selepas elemen b, manakala perbezaan negatif menunjukkan sebaliknya.

Penyelesaian Satu Baris:

Sebagai alternatif, anda boleh menulis fungsi pengisihan menggunakan sintaks anak panah, menghasilkan yang lebih ringkas penyelesaian:

itemsArray.sort((a, b) => sortingArr.indexOf(a) - sortingArr.indexOf(b));

Output:

Selepas mengisih, itemsArray akan kelihatan seperti ini:

[
    ['Bob', 'b'],
    ['Jason', 'c'],
    ['Henry', 'b'],
    ['Thomas', 'b'],
    ['Anne', 'a'],
    ['Andrew', 'd'],
]

Seperti yang anda lihat, elemen dalam itemsArray telah disusun semula dan diisih untuk dipadankan dengan susunan dalam sortingArr.

Atas ialah kandungan terperinci Bagaimana Mengisih Tatasusunan JavaScript Berdasarkan Susunan Tatasusunan Lain?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!