使用基于属性值的lodash过滤对象数组

Question

我们有一个对象数组

var myArr = [ {name: "john", age:23}
              {name: "john", age:43}
              {name: "jim", age:101}
              {name: "bob", age:67} ];

如何从myArr获取对象列表,其名称是john与lodash？

Answer 1

使用lodash _.filter方法:

_.filter(collection, [predicate=_.identity])

迭代集合的元素,返回所有元素的数组谓词返回truthy.使用三个参数调用谓词:(value,index | key,collection).

谓词作为自定义函数

 _.filter(myArr, function(o) { 
    return o.name == 'john'; 
 });

谓词作为过滤对象的一部分(_.matchesiteratee简写)

_.filter(myArr, {name: 'john'});

谓词为[key,value]数组(_.matchesPropertyiteratee简写.)

_.filter(myArr, ['name', 'John']);

Answer 2

Lodash有一个"map"功能,就像jQuerys一样:

var myArr =  [{ name: "john", age:23 },
              { name: "john", age:43 },
              { name: "jimi", age:10 },
              { name: "bobi", age:67 }];

var johns = _.map(myArr, function(o) {
    if (o.name == "john") return o;
});

// Remove undefines from the array
johns = _.without(johns, undefined)

Answer 3

使用lodash：

const myArr = [ {name: "john", age: 23},
                {name: "john", age: 43},
                {name: "jim", age: 101},
                {name: "bob", age: 67} ];

const johnArr = _.filter(myArr, person => person.name === 'john');
console.log(johnArr)

原生 JavaScript：

const myArr = [ {name: "john", age: 23},
                {name: "john", age: 43},
                {name: "jim", age: 101},
                {name: "bob", age: 67} ];

const johnArr = myArr.filter(person => person.name === 'john');
console.log(johnArr);

Answer 4

**按姓名、年龄过滤**也可以使用地图功能

地图和过滤器的区别

1. map - map() 方法使用为每个数组元素调用函数的结果创建一个新数组。map 方法允许根据用户的偏好操作数组中的项目，在一个全新的数组中返回所选操作的结论。例如，考虑以下数组：

2. filter - filter() 方法创建一个数组，其中填充了所有通过所提供函数实现的测试的数组元素。filter 方法非常适用于用户必须识别数组中具有共同特征的某些项目的特定情况。例如，考虑以下数组：

const users = [
    { name: "john", age: 23 },
    { name: "john", age:43 },
    { name: "jim", age: 101 },
    { name: "bob", age: 67 }
];

const user = _.filter(users, {name: 'jim', age: 101});
console.log(user);

Answer 5

let myArr = [
    { name: "john", age: 23 },
    { name: "john", age: 43 },
    { name: "jim", age: 101 },
    { name: "bob", age: 67 },
];

let list = _.filter(myArr, item => item.name === "john");




        
      
    
  
  
  

    

      

        
        
        
        
      
      


let myArr = [
    { name: "john", age: 23 },
    { name: "john", age: 43 },
    { name: "jim", age: 101 },
    { name: "bob", age: 67 },
];

// this will return old object (myArr) with items named 'john'
let list = _.filter(myArr, item => item.name === 'jhon');

//  this will return new object referenc (new Object) with items named 'john' 
let list = _.map(myArr, item => item.name === 'jhon').filter(item => item.name);



        
      
    
  
  
  

归档时间：	9 年，7 月 前
查看次数：	104562 次
最近记录：	6 年，4 月 前

相关归档

最后一段网址 213

我可以在React.js中更新组件的道具吗？ 181

在jQuery中获取列表元素内容的数组 101

用于标记匿名函数的Javascript"冒号"？ 58

在回调函数中访问jQuery Ajax请求的URL 50

反应式编程 - Node.js中的RxJS与EventEmitter 49

Javascript数组声明:new Array(),new Array(3),['a','b','c']创建行为不同的数组 47

CSS高度100%不起作用 47

根据多个键的重复值从对象数组中删除元素 10

C# - 如何在对象列表上执行多个包含过滤器 3

难疑归档

在git中推送提交时,src refspec master与any不匹配 2472

什么时候应该使用static_cast,dynamic_cast,const_cast和reinterpret_cast？ 2367

如何显示已上演的更改？ 2034

如何在TextView中水平和垂直居中文本？ 1932

CSS三角形如何工作？ 1791

如何在Python中删除尾部换行符？ 1593

如何将分离的HEAD与master/origin协调？ 1506

为什么在重写Equals方法时重写GetHashCode很重要？ 1371

如何遍历C#中的所有枚举值？ 1359

如何为项目中的单个文件禁用ARC？ 1332

Answer 6

let myArr = [
    { name: "john", age: 23 },
    { name: "john", age: 43 },
    { name: "jim", age: 101 },
    { name: "bob", age: 67 },
];

// this will return old object (myArr) with items named 'john'
let list = _.filter(myArr, item => item.name === 'jhon');

//  this will return new object referenc (new Object) with items named 'john' 
let list = _.map(myArr, item => item.name === 'jhon').filter(item => item.name);