前言:过滤数组中的空值,包括 (undefined、null、“”、0、false、NaN)
Boolean函数可以将一个值转换为布尔值,空值会被转换为false,非空值会被转换为true
方法:
const arr = [1, 2, "", 3, null, undefined, 4, 0, false, NaN];const newArr = arr.filter(Boolean);console.log(newArr); // [1, 2, 3, 4]
注意:该方法对于需要过滤字符串数组中的空值(null undefined ‘’)比较合适,如果数组中有数字,则 0 也会被过滤掉,0的布尔值为false。
如果要保留 0 需要特判:
const arr = [1, 2, "", 3, null, undefined, 4, 0, false, NaN];const newArr = arr.filter(item => {if(item === 0) return true; return Boolean(item)
});console.log(newArr); // [1, 2, 3, 4, 0]
解释
Boolean
作为一个函数的时候,能够根据元素的真假类型,对应返回 true 或 false:
arr.filter(Boolean)等价于arr.filter(item => Boolean(item))