Rumah >hujung hadapan web >tutorial js >Bagaimanakah saya boleh mengalih keluar atribut null dan undefined dengan cekap daripada objek JavaScript?

Bagaimanakah saya boleh mengalih keluar atribut null dan undefined dengan cekap daripada objek JavaScript?

Linda Hamilton
Linda Hamiltonasal
2024-12-26 00:33:10706semak imbas

How can I efficiently remove null and undefined attributes from JavaScript objects?

Mengalih keluar Atribut Kosong daripada Objek JavaScript

Apabila berurusan dengan objek data, selalunya perlu mengalih keluar atribut yang tidak ditakrifkan atau ditetapkan kepada null. Artikel ini menyediakan penyelesaian untuk masalah ini menggunakan pelbagai versi dan teknik JavaScript.

Penyelesaian ES10/ES2019

One-Liner dengan Object.fromEntries

let o = Object.fromEntries(Object.entries(obj).filter(([_, v]) => v != null));

Fungsi Menggunakan Objek. daripadaEntri dan Rekursi

function removeEmpty(obj) {
  return Object.fromEntries(
    Object.entries(obj)
      .filter(([_, v]) => v != null)
      .map(([k, v]) => [k, v === Object(v) ? removeEmpty(v) : v])
  );
}

Penyelesaian ES6/ES2015

Satu Pelapik dengan Mutasi

Object.keys(obj).forEach((k) => obj[k] == null && delete obj[k]);

Pengisytiharan Tunggal Tanpa Mutasi

let o = Object.keys(obj)
  .filter((k) => obj[k] != null)
  .reduce((a, k) => ({ ...a, [k]: obj[k] }), {});

Berfungsi dengan Rekursif

function removeEmpty(obj) {
  return Object.entries(obj)
    .filter(([_, v]) => v != null)
    .reduce((acc, [k, v]) => ({ ...acc, [k]: v === Object(v) ? removeEmpty(v) : v }), {});
}

Penyelesaian ES5/ES2009

Gaya Fungsian Bukan Rekursif

function removeEmpty(obj) {
  return Object.keys(obj)
    .filter(function (k) {
      return obj[k] != null;
    })
    .reduce(function (acc, k) {
      acc[k] = obj[k];
      return acc;
    }, {});
}

Gaya Imperatif Bukan Rekursif

function removeEmpty(obj) {
  const newObj = {};
  Object.keys(obj).forEach(function (k) {
    if (obj[k] && typeof obj[k] === "object") {
      newObj[k] = removeEmpty(obj[k]);
    } else if (obj[k] != null) {
      newObj[k] = obj[k];
    }
  });
  return newObj;
}

Fungsi Rekursif Gaya

function removeEmpty(obj) {
  return Object.keys(obj)
    .filter(function (k) {
      return obj[k] != null;
    })
    .reduce(function (acc, k) {
      acc[k] = typeof obj[k] === "object" ? removeEmpty(obj[k]) : obj[k];
      return acc;
    }, {});
}

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengalih keluar atribut null dan undefined dengan cekap daripada objek JavaScript?. 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