Rumah > hujung hadapan web > tutorial js > Bagaimana Mengisih Objek JavaScript Mengikut Abjad mengikut Nama Harta?

Bagaimana Mengisih Objek JavaScript Mengikut Abjad mengikut Nama Harta?

DDD
Lepaskan: 2024-11-01 18:14:30
asal
591 orang telah melayarinya

How to Sort a JavaScript Object Alphabetically by Property Name?

Mengisih Objek JavaScript mengikut Nama Harta

S: Bagaimanakah saya boleh mengisih objek JavaScript seperti ini mengikut abjad mengikut nama harta?

{
    method: 'artist.getInfo',
    artist: 'Green Day',
    format: 'json',
    api_key: 'fa3af76b9396d0091c9c41ebe3c63716'
}
Salin selepas log masuk

Keputusan:

{
    api_key: 'fa3af76b9396d0091c9c41ebe3c63716',
    artist: 'Green Day',
    format: 'json',
    method: 'artist.getInfo'
}
Salin selepas log masuk

J: Ambil perhatian bahawa dalam ES6 dan kemudian, kunci objek kini dipesan.

Sebelum ini, susunan kunci dalam objek tidak ditentukan , menjadikannya sukar untuk mengisih objek secara konsisten. Pertimbangkan untuk mengisih kekunci apabila objek dipaparkan kepada pengguna dan bukannya bergantung pada susunan isihan dalaman.

Namun, jika tertib dikekalkan, satu cara untuk mengisih objek mengikut nama harta ialah:

function sortObject(o) {
    var sorted = {},
        key, a = [];

    for (key in o) {
        if (o.hasOwnProperty(key)) {
            a.push(key);
        }
    }

    a.sort();

    for (key = 0; key < a.length; key++) {
        sorted[a[key]] = o[a[key]];
    }

    return sorted;
}
Salin selepas log masuk

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

sumber:php.cn
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