Bagaimana untuk Menapis Sifat Objek dengan Kunci dalam ES6?

Menapis Sifat Objek dengan Kunci dalam ES6

Dalam JavaScript, selalunya perlu menapis sifat objek berdasarkan kriteria tertentu. ES6 menyediakan cara yang bersih dan cekap untuk mencapainya melalui pengendali penyebaran.

Masalah:

Diberi objek seperti:

{
  item1: { key: 'sdfd', value: 'sdfd' },
  item2: { key: 'sdfd', value: 'sdfd' },
  item3: { key: 'sdfd', value: 'sdfd' }
}

Matlamat adalah untuk mencipta objek baharu yang hanya menyertakan sifat dengan kunci tertentu, seperti sebagai:

{
  item1: { key: 'sdfd', value: 'sdfd' },
  item3: { key: 'sdfd', value: 'sdfd' }
}

Penyelesaian:

ES6 membolehkan kami menapis sifat objek menggunakan gabungan kaedah Object.keys() dan Array.filter(), diikuti dengan kaedah Array.reduce() untuk mencipta objek baharu.

Kod yang disediakan menunjukkan perkara ini pendekatan:

const raw = {
  item1: { key: 'sdfd', value: 'sdfd' },
  item2: { key: 'sdfd', value: 'sdfd' },
  item3: { key: 'sdfd', value: 'sdfd' }
};

const allowed = ['item1', 'item3'];

const filtered = Object.keys(raw)
  .filter(key => allowed.includes(key))
  .reduce((obj, key) => {
    obj[key] = raw[key];
    return obj;
  }, {});

console.log(filtered);

Dalam kod ini:

1. Object.keys(raw) mengekstrak kunci objek ke dalam tatasusunan.
2. Array.filter(key = > allowed.includes(key)) menapis kekunci berdasarkan yang dibenarkan nilai.
3. Array.reduce((obj, key) => { /* ... */ }, {}) mengurangkan kekunci yang ditapis menjadi objek baharu, menyalin nilai sifat yang sepadan daripada yang asal objek.

Atas ialah kandungan terperinci Bagaimana untuk Menapis Sifat Objek dengan Kunci dalam ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!