Hướng dẫn remove null in object javascript - loại bỏ null trong đối tượng javascript

Ví dụ về ES10/ES2019

Một lớp một đơn giản (trả về một đối tượng mới).

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

Giống như trên nhưng được viết là một chức năng.

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

Hàm này sử dụng đệ quy để loại bỏ các mục khỏi các đối tượng lồng nhau.

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

Ví dụ về ES6/ES2015

Một lớp lót đơn giản. CẢNH BÁO: Điều này làm đột biến đối tượng đã cho thay vì trả lại một đối tượng mới.

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

Một tuyên bố duy nhất (không biến đổi đối tượng đã cho).

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

Giống như trên nhưng được viết là một chức năng.

Hàm này sử dụng đệ quy để loại bỏ các mục khỏi các đối tượng lồng nhau.

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

Ví dụ về ES6/ES2015

function removeEmpty(obj) {
  const newObj = {};
  Object.entries(obj).forEach(([k, v]) => {
    if (v === Object(v)) {
      newObj[k] = removeEmpty(v);
    } else if (v != null) {
      newObj[k] = obj[k];
    }
  });
  return newObj;
}

Một lớp lót đơn giản. CẢNH BÁO: Điều này làm đột biến đối tượng đã cho thay vì trả lại một đối tượng mới.

Một tuyên bố duy nhất (không biến đổi đối tượng đã cho).

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

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

Giống như hàm trên, nhưng được viết theo phong cách bắt buộc (không chức năng).

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;
}

Ví dụ về ES5/ES2009

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

Xóa các giá trị null khỏi một đối tượng #

Để xóa tất cả các giá trị null khỏi một đối tượng:

1. Sử dụng phương thức

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

   5 để lấy một mảng các phím của đối tượng.
2. Sử dụng phương thức

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

   6 để lặp qua mảng các phím.
3. Kiểm tra xem mỗi giá trị có bằng

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

   7 không và xóa các giá trị

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

   7 bằng toán tử

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

   9.

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

Phương thức đối tượng.keys trả về một mảng chứa các phím của đối tượng.

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

Phương pháp mảng

Hàm chúng tôi đã chuyển sang phương thức

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

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

Chúng tôi kiểm tra xem giá trị, được liên kết với khóa hiện tại bằng

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

Ngoài ra, bạn có thể sử dụng vòng lặp

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

Để xóa tất cả các giá trị null khỏi một đối tượng:

1. Sử dụng vòng

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

   2 để lặp lại đối tượng.
2. Trên mỗi lần lặp, kiểm tra xem giá trị có bằng

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

   7 không.
3. Sử dụng toán tử

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

   9 để xóa từng giá trị

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

   7.

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

FOR ... trong vòng lặp cho phép chúng ta lặp lại các thuộc tính của đối tượng.

Chúng tôi kiểm tra xem giá trị của thuộc tính hiện tại có bằng

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

Đọc thêm #

• Xóa tất cả các giá trị không xác định khỏi một đối tượng trong JavaScript
• Xóa đối tượng khỏi một mảng bằng giá trị của nó trong JavaScript
• Xóa các giá trị Falsy khỏi một đối tượng trong JavaScript
• Xóa thuộc tính khỏi tất cả các đối tượng trong mảng trong JavaScript
• Cách đổi tên khóa của một đối tượng trong JavaScript
• Kiểm tra xem giá trị có phải là đối tượng sử dụng JavaScript không

Làm thế nào để bạn loại bỏ null khỏi một đối tượng?

Tại sao Null trong JavaScript là đối tượng?

Làm thế nào để bạn loại bỏ các giá trị null khỏi một mảng?

Làm thế nào để bạn kiểm tra xem đối tượng JavaScript có trống không?