Xóa null trong mảng javascript

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, falseundefined 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 stringsundefined

Để 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ị nullundefined 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

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,