Hướng dẫn remove empty values from object javascript - xóa các giá trị trống khỏi đố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ị chuỗi trống khỏi một đối tượng #

Để xóa tất cả các giá trị chuỗi trống 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));
   }
   

   4 để 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));
   }
   

   5 để lặp qua mảng.
3. Sử dụng toán tử

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

   6 để xóa từng phím với giá trị chuỗi trống.

index.js

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.

index.js

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

Hàm chúng tôi đã chuyển đến phương thức mảng. LỰA CHỌN được gọi với từng phần tử (khóa) trong mảng.

Chúng tôi kiểm tra xem giá trị được liên kết với khóa hiện tại có bằng một chuỗi trống không và nếu điều kiện được đáp ứng, chúng tôi sử dụng toán tử xóa để xóa cặp giá trị khóa.

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

Để xóa tất cả các giá trị chuỗi trống 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));
   }
   

   7 để 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 một chuỗi trống không.
3. Nếu điều kiện được đáp ứng, hãy sử dụng toán tử

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

   6 để xóa cặp giá trị khóa.

index.js

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 một chuỗi trống không và nếu điều kiện được đáp ứng, chúng tôi sẽ xóa cặp giá trị khóa bằng toán tử

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

Đọc thêm #

• Xóa các giá trị null khỏi một đối tượng trong JavaScript
• 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 xóa các giá trị trống khỏi một đối tượng?

Làm thế nào để bạn làm trống một đối tượng JavaScript?

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?