Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengisih Objek JavaScript mengikut Kekunci?

Bagaimana untuk Mengisih Objek JavaScript mengikut Kekunci?

Linda Hamilton
Linda Hamiltonasal
2024-12-20 06:19:08623semak imbas

How to Sort JavaScript Objects by Key?

Cara Mengisih Objek JavaScript mengikut Kekunci

Mengisih objek JavaScript mengikut kekunci boleh menjadi teknik yang berguna untuk memanipulasi data dan memastikan ketekalannya. Dalam JavaScript, objek tidak tertib secara lalai, bermakna kunci tidak disusun dalam mana-mana susunan tertentu. Walau bagaimanapun, terdapat cara untuk mengisih dan menyusun semula kekunci objek.

Spesifikasi ES6 memperkenalkan lelaran sifat tertib, yang menyediakan pesanan terjamin untuk mengakses sifat objek. Object.keys(object) mengembalikan tatasusunan kunci objek dan tatasusunan ini boleh diisih menggunakan kaedah sort().

Untuk melaksanakan pengisihan ini, ikuti langkah berikut:

  1. Tukar objek kepada tatasusunan kuncinya menggunakan Object.keys(objek).
  2. Isih tatasusunan menggunakan sort() kaedah.
  3. Buat objek baharu dan lelaran melalui tatasusunan yang diisih, menambah setiap pasangan nilai kunci pada objek baharu. Ini memastikan objek baharu mempunyai kunci yang diisih mengikut susunan yang ditentukan.
const unordered = {
  b: 'foo',
  c: 'bar',
  a: 'baz'
};

console.log(JSON.stringify(unordered)); // → '{"b":"foo","c":"bar","a":"baz"}'

const ordered = Object.keys(unordered).sort().reduce(
  (obj, key) => { 
    obj[key] = unordered[key]; 
    return obj;
  }, 
  {}
);

console.log(JSON.stringify(ordered)); // → '{"a":"baz","b":"foo","c":"bar"}'

Menggunakan pendekatan ini, anda boleh mengisih objek JavaScript dengan mudah mengikut kekunci dan mengekalkan susunan kekunci yang diisih dalam objek baharu. Teknik ini boleh terbukti berguna dalam pelbagai situasi, seperti apabila anda perlu mengulang secara konsisten sifat objek, memaparkan data dalam susunan tertentu atau membandingkan kekunci objek untuk semakan kesaksamaan.

Atas ialah kandungan terperinci Bagaimana untuk Mengisih Objek JavaScript mengikut Kekunci?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn