Sử dụng một số ES6 / ES2015 :
1) Một lớp lót đơn giản để loại bỏ các mục nội tuyến mà không cần gán:
Object.keys(myObj).forEach((key) => (myObj[key] == null) && delete myObj[key]);
jsbin
2) Ví dụ này đã bị xóa ...
3) Ví dụ đầu tiên được viết dưới dạng hàm:
const removeEmpty = obj => {
Object.keys(obj).forEach(key => obj[key] == null && delete obj[key]);
};
jsbin
4) Hàm này cũng sử dụng đệ quy để xóa các mục khỏi các đối tượng lồng nhau:
const removeEmpty = obj => {
Object.keys(obj).forEach(key => {
if (obj[key] && typeof obj[key] === "object") removeEmpty(obj[key]); // recurse
else if (obj[key] == null) delete obj[key]; // delete
});
};
jsbin
4b) Điều này tương tự với 4), nhưng thay vì trực tiếp biến đổi đối tượng nguồn, nó trả về một đối tượng mới.
const removeEmpty = obj => {
const newObj = {};
Object.keys(obj).forEach(key => {
if (obj[key] && typeof obj[key] === "object") {
newObj[key] = removeEmpty(obj[key]); // recurse
} else if (obj[key] != null) {
newObj[key] = obj[key]; // copy value
}
});
return newObj;
};
5) Cách tiếp cận chức năng với 4b) dựa trên câu trả lời của @ MichaelJ.Zoidl bằng cách sử dụng filter()và reduce(). Cái này cũng trả về một đối tượng mới:
const removeEmpty = obj =>
Object.keys(obj)
.filter(k => obj[k] != null) // Remove undef. and null.
.reduce(
(newObj, k) =>
typeof obj[k] === "object"
? { ...newObj, [k]: removeEmpty(obj[k]) } // Recurse.
: { ...newObj, [k]: obj[k] }, // Copy value.
{}
);
jsbin
6) Tương tự như 4) nhưng với ES7 / 2016 Object.entries() .
const removeEmpty = (obj) =>
Object.entries(obj).forEach(([key, val]) => {
if (val && typeof val === 'object') removeEmpty(val)
else if (val == null) delete obj[key]
})
5b) Một
phiên bản chức năng khác sử dụng đệ quy và trả về một đối tượng mới với ES2019 Object.fromEntries() :
const removeEmpty = obj =>
Object.fromEntries(
Object.entries(obj)
.filter(([k, v]) => v != null)
.map(([k, v]) => (typeof v === "object" ? [k, removeEmpty(v)] : [k, v]))
);
7) Tương tự như 4) nhưng trong ES5 đơn giản :
function removeEmpty(obj) {
Object.keys(obj).forEach(function(key) {
if (obj[key] && typeof obj[key] === 'object') removeEmpty(obj[key])
else if (obj[key] == null) delete obj[key]
});
};
jsbin