大家好,我是大澈!

本文约 600+ 字,整篇阅读约需 1 分钟。

本日禀享一段优质 JS 代码片段,用最简洁的代码打消了数组中的空值。

php去除数组的空值最快消除数组空值分享 1 段优质 JS 代码片断 Java

老规矩,先阅读代码片段并思考,再看代码解析再思考,末了评论区留下你的见地!

const arr = [0, 1, false, 2, "", 3];const cleanedArray = arr.filter(Boolean);// 输出:cleanedArray = [1, 2, 3]

分享缘故原由

这段代码展示了数组方法的奥妙利用,通过 filter 方法结合 Boolean 函数,实现了对数组的简洁过滤操作,为处理数组元素供应了一种高效且简洁的思路。

对付须要从数组中去除特定类型(如 false、0、"" 等假值)元素的场景具有很好的参考代价。

正所谓,逻辑能大略一点就大略一点,代码能少写一行就少写一行!

代码解析

1. const arr = [0, 1, false, 2, " ", 3];

首先定义了一个数组 arr,个中包含了不同类型的元素,包括数字、布尔值和空字符串。

2. const cleanedArray = arr.filter(Boolean);

filter 方法用于创建一个新的数组,个中包含特天命组过滤后的所有元素。

Boolean 函数会将传入的参数转换为布尔值。
在 JavaScript 中,0、false、""(空字符串)、null、undefined 和 NaN 被视为假值,其他值被视为真值。

以是当 filter 方法利用 Boolean 函数作为回调时,会将数组 arr 中的假值元素过滤掉,只保留真值元素,终极得到新的数组 cleanedArray 为 [1, 2, 3] 。