Chúng ta có thể lọc tất cả các giá trị null ra khỏi một mảng bằng cách sử dụng Array tích hợp. nguyên mẫu. phương pháp lọc. Ví dụ mã sau đây cũng loại bỏ tất cả các giá trị empty strings
, 0
, false
và undefined
trong mảng
const array = [1, 2, 3, null, " ", , undefined, 4, "Text", 0, false, true];
const removeEmptyValues = array => {
const filtered = array.filter[e => e];
return filtered;
};
// returns [ 1 , 2 , 3 , 4 , 'Text' , true ]
Loại bỏ các phần tử trống bằng cách sử dụng phương pháp lọc mảng với biểu thức boolean
Một cách thực sự đơn giản khác để xóa tất cả các giá trị trống khỏi mảng javascript là kết hợp phương thức bộ lọc với biểu thức kiểm tra boolean. Phương pháp này cũng sẽ lọc ra các phần tử false
, 0
, empty strings
và undefined
Để xóa các phần tử trống, null
hoặc undefined
khỏi một mảng, chúng ta có thể sử dụng phương thức mảng filter[]
và truyền một hàm cho phương thức trả về phần tử hiện đang được lặp
Phương pháp này hoạt động vì khi một mục trống, null
hoặc undefined
được lặp lại, nó sẽ đánh giá thành boolean false
, sau đó sẽ được lọc ra khỏi mảng
Hãy xem xét mảng này với một số phần tử trống,
// array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
Mục tiêu của chúng tôi là loại bỏ các phần tử trống và cả các giá trị null
và undefined
khỏi mảng
Vì vậy, hãy sử dụng phương thức mảng filter[]
và truyền một hàm trả về chính mục đó như thế này,
// array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
// use filter[] array method
// and return the element which is being looped
const newArr = arr.filter[[a] => a];
console.log[newArr]; // [1, 2, 3, 4, 56, "text", 67] ✅
vâng. 😃 Chúng ta có mảng mới với tất cả các giá trị trống, null
, undefined
đã bị xóa khỏi mảng
Xem ví dụ này trực tiếp trong JSBin
Phương pháp luân phiên. Lặp lại bằng cách sử dụng // array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
// use filter[] array method
// and return the element which is being looped
const newArr = arr.filter[[a] => a];
console.log[newArr]; // [1, 2, 3, 4, 56, "text", 67] ✅
4
// array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
// use filter[] array method
// and return the element which is being looped
const newArr = arr.filter[[a] => a];
console.log[newArr]; // [1, 2, 3, 4, 56, "text", 67] ✅
Một cách khác là sử dụng
// array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
// use filter[] array method
// and return the element which is being looped
const newArr = arr.filter[[a] => a];
console.log[newArr]; // [1, 2, 3, 4, 56, "text", 67] ✅
4 và kiểm tra xem phần tử có giá trị là // array with empty elements
const arr = [1, , , , 2, 3, 4, 56, "text", null, undefined, 67, ,];
// use filter[] array method
// and return the element which is being looped
const newArr = arr.filter[[a] => a];
console.log[newArr]; // [1, 2, 3, 4, 56, "text", 67] ✅
6 bên trong vòng lặp hay không và nếu nó thêm phần tử đó vào mảng mới thì điều này,