Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mendapatkan Nilai Unik daripada Susunan Objek dalam JavaScript?

Bagaimana untuk Mendapatkan Nilai Unik daripada Susunan Objek dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-12-05 11:45:10
asal
374 orang telah melayarinya

How to Get Unique Values from an Array of Objects in JavaScript?

Mendapatkan Nilai Berbeza daripada Tatasusunan Objek dalam JavaScript

Objektif anda adalah untuk mengekstrak nilai unik harta tertentu daripada tatasusunan objek , khususnya harta "umur". Tugas ini boleh dicapai dalam pelbagai cara.

Menggunakan Set ES6 dan Fungsi Peta:

Jika versi JavaScript anda menyokong ES6, anda boleh memanfaatkan struktur data Set dan Peta . Set menyimpan nilai unik, manakala Peta menyimpan pasangan nilai kunci. Berikut ialah pendekatan yang cekap:

const uniqueAges = new Set(array.map(item => item.age));
console.log([...uniqueAges]); // [17, 35]
Salin selepas log masuk

Gelung dan Semakan Tradisional:

Jika ES6 tidak tersedia, anda boleh memilih kaedah yang lebih tradisional menggunakan gelung dan semakan:

const distinctAges = [];
for (const item of array) {
  if (!distinctAges.includes(item.age)) {
    distinctAges.push(item.age);
  }
}
console.log(distinctAges); // [17, 35]
Salin selepas log masuk

Menggunakan Objek untuk Nilai Kunci Storan:

Sebagai alternatif, jika anda boleh menyusun semula data anda, anda boleh menggunakan objek untuk menyimpan nilai unik sebagai kunci, memastikan carian lebih pantas.

const uniqueAgesObject = {};
for (const item of array) {
  uniqueAgesObject[item.age] = true;
}
const distinctAges = Object.keys(uniqueAgesObject);
console.log(distinctAges); // [17, 35]
Salin selepas log masuk

Dengan menggunakan teknik ini, anda boleh mendapatkan semula nilai unik daripada pelbagai objek anda dengan berkesan, meningkatkan kecekapan kod anda.

Atas ialah kandungan terperinci Bagaimana untuk Mendapatkan Nilai Unik daripada Susunan Objek dalam JavaScript?. 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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan