Falsy Bouncer

这是一些对你有帮助的资源:

• Boolean Objects

• Array.filter()

<-- 自己理解 -->

这里的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()删除数组