<-- 要求说明 -->
过滤数组假值
(真假美猴王)
删除数组中的所有假值。
在javascript中,假值有false
、null
、0
、""
、undefined
和 NaN
。
当你完成不了挑战的时候,记得开大招‘Read-Search-Ask‘。
这是一些对你有帮助的资源:
<-- 自己理解 -->
这里的Boolean()是新知识点,先学习了一下Boolean()方法:
new Boolean(value) // value可选
如果value值不是布尔值,则会将其转换为布尔值。如果省略value,或者value的值为0,-0,null,false,NaN,undefined或者空字符串(“”),则生产的Boolean对象的值为false。如果传入的参数是 DOM 对象 document.all
,也会生成值为 false
的 Boolean
对象。任何其他的值,包括值为 "false"
的字符串和任何对象,都会创建一个值为 true
的 Boolean
对象。
注意:不要将基本类型中的 布尔值true和false 与 值为true和false的Boolean对象 弄混了。
当Boolean对象用于条件语句的时候(直接应用月条件语句),任何不是undefined和null的对象,包括值为false的Boolean对象,都会被当做true来对待,如下面代码:
var x = new Boolean(false); if(x){ // 这里的代码会被执行 }
基本类型的布尔值不受此规则影响,如下面代码:
var x = false; if(x){ // 这里的代码不会被执行 }
不要用创建Boolean对象的方式将一个非布尔值转化成布尔值,直接将Boolean当做转换函数来使用即可,如下面代码:
var x = Boolean (expression ); // 推荐 var x = new Boolean( expression ) // 不太好
如果在条件判断语句中直接使用Boolean作为转换函数,代码如下:
var x = Boolean( false ); if(x){ // 这里的代码不会被执行 }
该实例中可以使用Boolean对象将数组中的所有元素进行判断,Boolean对象返回false即为数组中的价值。
使用for循环进行遍历,将数组中的每一个值依次传入Boolean函数,返回false则对该值进行删除操作。
delete和splice()都可以实现数组删除的操作,但是delete仅将值设为undefined,数组的length不变,这里需要使用splice()。
<-- 遇到的问题 -->
无论使用for循环还是使用filter()都不会得到正确结果,恍然大悟,使用splice()删除后,数组长度发生变化,再次回到for循环或filter中,整个遍历的会受到影响,会存在删除一个后就会跳过一个值,是遍历造成混乱。
<-- 代码实现 -->
解决方法一:
逆向思维,不进行删除假值,而是定义一个新的空数组,对传入的数组进行遍历,将真值使用push()依次传入新的空数组中,最后将新的数组return。代码如下:
function bouncer( arr ){ var newArr = []; arr.filter( function( item ){ if( Boolean( item ) != false ){ newArr.push( item ); } }) reurn newArr; }
解决方法二:
遇到的问题主要是删除前面的数组元素后,后面的索引值会前移,导致遍历混乱,如果从后面开始遍历,那么对前面的索引值就不会产生影响。代码如下:
function bouncer( item ){ for( var i=arr.length-1; i>=0; i-- ){ if( Boolean( arr[i] ) == false ){ arr.splice( i, 1 ); } } return arr; }
<-- 知识点总结 -->
Boolean()
filter()
delete和splice()删除数组