如何过滤一维数组中的“空”值，如 undefined、null、""、0、false、NaN ？下面介绍几种实现方式。

数组如下：

const arr = ['fly63', null, '前端', undefined, 'web', ''];

结果：

['fly63', '前端', 'web']

方式一、循环+splice()：

遍历数组，通过splice进行替换，将“空”值移除出去。

function trimSpace(arr) {
	for (let i = 0; i < arr.length; i++) {
		if(!arr[i]) {
			arr.splice(i, 1)
			i = i - 1
		}
	}
	return arr
}
trimSpace(arr) //['fly63', '前端', 'web']

方式二、循环：

创建一个空的数组，然后循环遍历，将不为“空”值的数据填充到新数组中，然后返回新数组。

function clearArr(data){
	let arr = []
	for(let key in data){
	    !!data[key] && arr.push(data[key])
	}
	return arr
}
clearArr(arr) //['fly63', '前端', 'web']

方式三、filter()：

这种方式是最简洁的实现了，没有之一。使用 filter() 过滤 “空” 值，它将所有空值转为 false 并从列表中删除它们，非常的优雅！

arr.filter(Boolean)  // ['fly63', '前端', 'web']

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/11103