基于属性的Lotash唯一性

沃梦达教程前端问题

2022-01-01

lodash unique based on attribute(基于属性的Lotash唯一性)

本文介绍了基于属性的Lotash唯一性的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有一个对象数组，如

[{ "name": "Jen", "age":31, "eyecolor": "blue", "hair":"brown"}, 
 { "name": "Jen", "age":32, "eyecolor": "green", "hair":"blonde"}, 
 { "name": "Jules", "age":31, "eyecolor": "blue", "hair":"brown"}, ,
 { "name": "Brian", "age":40, "eyecolor": "blue", "hair":"brown"}]

我需要一个lodash表达式，该表达式将基于一个属性生成一个唯一对象数组。例如，如果我使用name，它会给我这三个：

[{ "name": "Jen", "age":31, "eyecolor": "blue", "hair":"brown"}, 
 { "name": "Jules", "age":31, "eyecolor": "blue", "hair":"brown"}, 
 { "name": "Brian", "age":40, "eyecolor": "blue", "hair":"brown"}]

推荐答案

对于LODASH版本4+使用_.uniqBy()：

var arr = [{"name":"Jen","age":31,"eyecolor":"blue","hair":"brown"},{"name":"Jen","age":32,"eyecolor":"green","hair":"blonde"},{"name":"Jules","age":31,"eyecolor":"blue","hair":"brown"},{"name":"Brian","age":40,"eyecolor":"blue","hair":"brown"}];

var unique = _.uniqBy(arr, 'name');

console.log(unique);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

对于4以下的Lodash版本，请使用_.uniq()：

var arr = [{"name":"Jen","age":31,"eyecolor":"blue","hair":"brown"},{"name":"Jen","age":32,"eyecolor":"green","hair":"blonde"},{"name":"Jules","age":31,"eyecolor":"blue","hair":"brown"},{"name":"Brian","age":40,"eyecolor":"blue","hair":"brown"}];

var unique = _.uniq(arr, 'name');

console.log(unique);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script>

这篇关于基于属性的Lotash唯一性的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

沃梦达教程

本文标题为：基于属性的Lotash唯一性

上一篇：使用lowash递归收集属性值

下一篇：如何使用lowash比较对象，而不考虑它们的顺序

基础教程推荐

学习HTML

学习jQuery

学习Laravel

学习CSS3

学习Vue.js

学习Bootstrap5

学习ThinkPHP

学习AJAX