Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Mengisih Kekunci Objek JavaScript Mengikut Abjad?

Bagaimanakah Saya Mengisih Kekunci Objek JavaScript Mengikut Abjad?

DDD
Lepaskan: 2024-12-22 06:18:28
asal
503 orang telah melayarinya

How Do I Sort a JavaScript Object's Keys Alphabetically?

Isih Objek JavaScript mengikut Kunci: Panduan Dikemaskini

Objek JavaScript mengekalkan susunan sifatnya dalam kod sumber. Walau bagaimanapun, pesanan ini mungkin tidak selalu mencerminkan susunan pengisihan yang diingini. Untuk menangani perkara ini, adalah penting untuk memahami cara JavaScript mengendalikan lelaran sifat objek.

Dalam JavaScript moden (ES6 ), kaedah lelaran objek mengikut urutan tertentu:

  1. Indeks tatasusunan diisih secara berangka .
  2. Kekunci rentetan diisih mengikut susunan ia dicipta.
  3. Simbol diisih mengikut susunan ia dicipta.

Ini bermakna objek JavaScript dipesan secara lalai, membolehkan anda mengubah suai susunan kekunci mengikut keperluan.

Untuk mengisih objek mengikut kekuncinya mengikut abjad, anda boleh memanfaatkan langkah berikut:

  1. Ekstrak kekunci objek ke dalam tatasusunan menggunakan Object.keys(object).
  2. Isih tatasusunan kunci mengikut abjad menggunakan sort().
  3. Lelaran pada kekunci yang diisih dan buat objek baharu menggunakan kaedah reduce():

    • Untuk setiap kunci, tetapkan nilai yang dikaitkan dengan kunci itu dalam kunci asal objek.

Contohnya:

const unordered = {
  'b': 'foo',
  'c': 'bar',
  'a': 'baz'
};

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

Kod ini akan mengeluarkan objek dengan kekunci yang disusun mengikut abjad:

{
  'a': 'baz',
  'b': 'foo',
  'c': 'bar'
}
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Saya Mengisih Kekunci Objek JavaScript Mengikut Abjad?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan