JS 数组移除元素
1. Remove all undefined values
An undefined
value automatically gets assigned in JavaScript where no value has been explicitly assigned. To remove all undefined
values from the array, we can use the filter()
method.
1
2
3
4
5
6
7
8
9
10
11
|
var arr = [ 0, 1, '', undefined, false, 2, undefined, null, , 3 ];
var filtered = arr.filter(function(x) {
return x !== undefined;
});
console.log(filtered);
/*
Output: [ 0, 1, '', false, 2, null, 3]
*/
|
Here’s version using lamdba expressions:
1
2
3
4
5
6
7
8
|
var arr = [ 0, 1, '', undefined, false, 2, undefined, null, , 3 ];
var filtered = arr.filter(x => x !== undefined);
console.log(filtered);
/*
Output: [ 0, 1, '', false, 2, null, 3]
*/
|
2. Remove all nullish values
A nullish
value is either null
or undefined
. To filters all nullish
values from the array, we can use the !=
operator:
1
2
3
4
5
6
7
8
|
var arr = [ 0, 1, '', undefined, false, 2, undefined, null, , 3, NaN ];
var filtered = arr.filter(e => e != null);
console.log(filtered);
/*
Output: [ 0, 1, '', false, 2, 3, NaN ]
*/
|
3. Remove all holes
To remove all holes from an array, the idea is to call the filter()
method with callback function that returns true. Note that this approach only remove holes from the array but doesn’t remove any of the other falsy values.
1
2
3
4
5
6
7
8
|
var arr = [0, , , 1, , , , , 2, , , , 3];
var filtered = arr.filter(() => true);
console.log(filtered);
/*
Output: [ 0, 1, 2, 3 ]
*/
|
4. Remove all falsy values
There are 7 falsy values in JavaScript – false
, zero (0
), BigInt (0n
), empty string ("", '', ``
), null
, undefined
, and NaN
. To filter out all the falsy
values from the array, we can pass Boolean
constructor to the filter()
method:
1
2
3
4
5
6
7
8
|
var arr = [ 0, 1, '', undefined, false, 2, undefined, null, , 3, NaN ];
var filtered = arr.filter(Boolean);
console.log(filtered);
/*
Output: [ 1, 2, 3 ]
*/
|