underscorejs-reject学习

2.9 reject

2.9.1 语法:

_.reject(list, predicate, [context])

2.9.2 说明:

前边我们已经学习了filter方法,那么我们在学习reject之前,先让我们来想一下reject和filter有什么关系呢?

filter返回一个的集合(匹配成功),reject是返回一个集合(匹配失败)

对list集合的每个成员依次进行匹配(根据predicate迭代函数检测),返回匹配失败的集合

  • list可以为数组,对象,字符串和arguments
  • predicate会传第三个参数value, key, list(参数名可自定义)
  • context可以改变predicate函数内部的this

2.9.3 代码示例:

示例一:reject对数组,对象,字符串,arguments进行操作并返回匹配成功的数据

var result;

// 操作数组
result = _.reject([1, 2, 3, 4], function (value) {
    return value % 2 === 1;
});
console.log(result) //=> [2, 4]

// 操作对象
result = _.reject({ one: '一', two: '二', three: '三', num: 123, bool: false }, function (value) {
    return typeof value === "string";
});
console.log(result) //=> [123, false]

// 操作复杂的对象
var obj = {
    levelA: {
        level0: 'level0',
        level1: 'level1'
    },
    levelB: '一',
    levelC: 1,
    levelD: {
        level3: 'level3'
    }
}
result = _.reject(obj, function (value) {
    return typeof value === "object";
});
console.log(result) //=> ["一", 1]

// 操作字符串(此处将字符拆分为数组)
result = _.reject('123', function (value) {
    return value === '2';
});
console.log(result) //=> ["1", "3"]

//操作arguments
function abc() {
    result = _.reject(arguments, function (value) {
        return value % 2 === 1;
    });
    console.log(result); //=> [2, 4]
}
abc(1, 2, 3, 4);

示例二:predicate函数传递的参数(函数内部需要return返回值,否则返回一个集合,此集合则是list集合的属性值)

var result;

//数组的情况
result = _.reject([1, 2, 3], function (value, key, list) {
    console.log(value, key, list);
    //=> 1 0 [1, 2, 3]
    //=> 2 1 [1, 2, 3]
    //=> 3 2 [1, 2, 3]
});
console.log(result) //=> [1, 2, 3]

//对象的情况
result = _.reject({one: '一', two: '二', three: '三'}, function(value, key, list){
    console.log(value, key, list);
    //=> 一 one Object {one: "一", two: "二", three: "三"}
    //=> 二 two Object {one: "一", two: "二", three: "三"}
    //=> 三 three Object {one: "一", two: "二", three: "三"}
});
console.log(result) //=> ["一", "二", "三"]

示例三:context可以改变predicate内部的this

var result;

// 数组的情况
result = _.reject([1, 2, 3], function (value, key, list) {
    console.log(this); //=> [1, 2, 3] this是数组
}, [1, 2, 3]);

// 对象的情况
result = _.reject([1, 2, 3], function (value, key, list) {
    console.log(this); //=> Object {no: 10} this是对象
}, { "no": 10 });

// 字符串的情况
result = _.reject([1, 2, 3], function (value, key, list) {
    console.log(this); //=> String {0: "1", 1: "2", 2: "3", length: 3, [[PrimitiveValue]]: "123"}
                       //   this是将字符串拆分后的对象
}, "123");

2.9.4 特殊情况

示例一:list的特殊情况

//例如:null,undefined,0,true,this等;
var result = _.reject(null, function (value, key, list) {
    return true;
});
console.log(result) //=> []

示例二:predicate函数的this为window全局对象的情况

// 例如:null,undefined,window,this等
var result = _.reject([1, 2, 3], function (value, key, list) {
    console.log(this); //=> this是window全局对象
}, null);

2.9.5 list参数可为真假值?

var  result = _.reject([1, true, '1', 0, undefined, null]);
console.log(result) //=> [0, undefined, null]

2.9.6 predicate还有其他写法?

示例一:predicate参数为空的时候

var  result = _.reject({x: 1, y: 2, z: false});
console.log(result) //=> [false]

示例二:predicate参数为一个字符的时候

var  result = _.reject([{x: 1}, {y: 2}], 'x');
console.log(result) //=> [{y: 2}]

示例三:predicate参数为对象的时候

var obj = [
    {x: 1, y: 2},
    {x: 1},
    {y: 2, z: 3}
]
var  result = _.reject(obj, {x: 1});
console.log(result) //=> [{y: 2, z: 3}]

你可能感兴趣的:(underscorejs-reject学习)