Bagaimanakah anda boleh melaksanakan kaedah `filter()` untuk objek JavaScript?

JavaScript: Melaksanakan penapis() untuk Objek

JavaScript menyediakan prototaip penapis() untuk jenis Array, tetapi fungsi ini tiada untuk Objek jenis. Untuk menangani had ini, mari kita terokai cara membuat pelaksanaan penapis() khusus untuk objek.

Pelaksanaan:

Object.prototype.filter = function(predicate) {
  var result = {};

  for (key in this) {
    if (this.hasOwnProperty(key) && !predicate(this[key])) {
      result[key] = this[key];
    }
  }

  return result;
};

Sementara pelaksanaan ini berfungsi secara berasingan, menambah ia ke tapak menggunakan jQuery 1.5 dan jQuery UI 1.8.9 boleh mencetuskan JavaScript ralat.

Penyelesaian Alternatif:

Daripada mengubah suai prototaip Objek, pertimbangkan fungsi kendiri atau utiliti ini:

1. Menggunakan reduce dan Object.keys:

Object.filter = (obj, predicate) => 
  Object.keys(obj)
        .filter(key => predicate(obj[key]))
        .reduce((res, key) => (res[key] = obj[key], res), {});

2. Menggunakan sintaks peta dan sebarkan:

Object.filter = (obj, predicate) => 
  Object.entries(obj)
        .filter(([key, value]) => predicate(value))
        .reduce((acc, [key, value]) => ({ ...acc, [key]: value }), {});

3. Menggunakan Object.entry dan Object.fromEntries:

Object.filter = (obj, predicate) => 
  Object.fromEntries(
    Object.entries(obj).filter(([key, value]) => predicate(value))
  );

Contoh Penggunaan:

var scores = {
  John: 2,
  Sarah: 3,
  Janet: 1
};
var filtered = Object.filter(scores, score => score > 1); 
console.log(filtered);

Penyelesaian alternatif ini menyediakan cara yang lebih bersih dan boleh diselenggara untuk tapis sifat objek sambil mengekalkan objek asal.

Atas ialah kandungan terperinci Bagaimanakah anda boleh melaksanakan kaedah `filter()` untuk objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!