Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menghimpunkan Objek JavaScript dengan Kekunci Menggunakan Kaedah `reduce()`?

Bagaimanakah Saya Boleh Menghimpunkan Objek JavaScript dengan Kekunci Menggunakan Kaedah `reduce()`?

Linda Hamilton
Linda Hamiltonasal
2024-12-21 02:32:09778semak imbas

How Can I Group JavaScript Objects by Key Using the `reduce()` Method?

Mengumpulkan Objek dengan Kunci Menggunakan JavaScript

Mengumpulkan tatasusunan objek dengan kunci tertentu ialah tugas biasa dalam pengaturcaraan, terutamanya apabila bekerja dengan set data. Satu cara yang cekap untuk mencapai matlamat ini ialah melalui kaedah reduce().

Dalam JavaScript, anda boleh mengikuti langkah berikut:

  1. Isytiharkan susunan objek: Katakan anda mempunyai pelbagai objek kereta, serupa dengan contoh yang disediakan dalam soalan:
const cars = [
    { make: 'audi', model: 'r8', year: '2012' },
    { make: 'audi', model: 'rs5', year: '2013' },
    { make: 'ford', model: 'mustang', year: '2012' },
    { make: 'ford', model: 'fusion', year: '2015' },
    { make: 'kia', model: 'optima', year: '2012' },
];
  1. Memulakan objek sebagai penumpuk: Cipta objek kosong yang akan berfungsi sebagai penumpuk untuk kaedah reduce(). Objek ini akan menyimpan nilai terkumpul.
const groupedCars = {};
  1. Gunakan reduce() untuk lelaran ke atas tatasusunan: Gunakan kaedah reduce() pada tatasusunan kereta untuk berulang ke atas setiap objek. Fungsi reduce() mengambil dua hujah:
  • akumulator: Objek yang dicipta dalam langkah 2.
  • currentElement: Objek semasa sedang diulang.
  1. Tambah objek kepada penumpuk: Dalam kaedah reduce(), semak sama ada sifat membuat semasa wujud sebagai sifat dalam objek penumpuk. Jika ia tidak wujud, buat tatasusunan baharu pada harta itu. Kemudian, tolak currentElement ke dalam tatasusunan yang dibuat. Proses ini mengumpulkan objek secara berkesan berdasarkan pembuatannya.
const groupedCars = cars.reduce((accumulator, currentElement) => {
  const make = currentElement.make;

  if (!accumulator[make]) {
    accumulator[make] = [];
  }

  accumulator[make].push(currentElement);

  return accumulator;
}, {});
  1. Kembalikan objek berkumpulan: Kaedah reduce() mengembalikan objek terkumpul, yang mengandungi terkumpul nilai.
  2. Log hasil terkumpul: Anda boleh log objek terkumpul ke konsol untuk sahkan output.
console.log(groupedCars);

Pendekatan ini menggunakan JavaScript vanila dan menyediakan cara berstruktur untuk mengumpulkan objek berdasarkan kunci yang ditentukan, mencipta objek baharu dengan nilai terkumpul.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghimpunkan Objek JavaScript dengan Kekunci Menggunakan Kaedah `reduce()`?. 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