代码之家 › 专栏 › 技术社区 › Hozoa glee

节点。JS使用lodash将子对象添加到对象

lodash object node.js arrays javascript

Hozoa glee · 技术社区 · 7 年前

我有一个如下所示的对象:

[{
     "id": 3298,
     "kanji": "ç±²",
     "part": "ä¸ ï½ äº ä¸ª ã å å£ ç® å ç«¹ è² é  é¾  å»¾",
     "createdAt": "2018-04-16T02:27:33.993Z",
     "updatedAt": "2018-04-16T02:27:33.993Z"
 }, {
     "id": 5801,
     "kanji": "é¾¥",
     "part": "ä¸ ï½ äº ä¸ª ã å å£ å»¾ ç® å è² é  é¾ ",
     "createdAt": "2018-04-16T02:27:34.102Z",
     "updatedAt": "2018-04-16T02:27:34.102Z"
 }]

我想将其与具有唯一 kanji 和 part 并移除重复零件。我希望它返回如下结果

{
    "kanji": ["ç±²", "é¾¥"],
    "part": ["ä¸", "ï½", "äº", "ä¸ª", "ã", "å", "å£", "ç®", "å", "ç«¹", "è²", "é ", "é¾ ", "å»¾"]
}

如何使用 lodash 这样做?

3 回复 | 直到 7 年前

Hassan Imam Ravi kant 7 年前

您可以使用 map 具有 uniq 获取对象中的所有唯一值。

const data = [ { "id": 3298, "kanji": "ç±²", "part": "ä¸ ï½ äº ä¸ª ã å å£ ç® å ç«¹ è² é  é¾  å»¾", "createdAt": "2018-04-16T02:27:33.993Z", "updatedAt": "2018-04-16T02:27:33.993Z" }, { "id": 5801, "kanji": "é¾¥", "part": "ä¸ ï½ äº ä¸ª ã å å£ å»¾ ç® å è² é  é¾ ", "createdAt": "2018-04-16T02:27:34.102Z","updatedAt": "2018-04-16T02:27:34.102Z" } ];
const result = {
      kanji : _(data).map('kanji').uniq().value(),
      part : _(data).map('part').split(' ').uniq().value()
     };
console.log(result);

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

klugjo 7 年前

您可以使用 flatMap 获取kanjis和零件的展平阵列。然后使用uniq仅保留唯一元素:

const data = [
  {
    "id": 3298,
    "kanji": "ç±²",
    "part": "ä¸ ï½ äº ä¸ª ã å å£ ç® å ç«¹ è² é  é¾  å»¾",
    "createdAt": "2018-04-16T02:27:33.993Z",
    "updatedAt": "2018-04-16T02:27:33.993Z"
  },
  {
    "id": 5801,
    "kanji": "é¾¥",
    "part": "ä¸ ï½ äº ä¸ª ã å å£ å»¾ ç® å è² é  é¾ ",
    "createdAt": "2018-04-16T02:27:34.102Z",
    "updatedAt": "2018-04-16T02:27:34.102Z"
  }
];

const result = {
  kanji: _.uniq(_.flatMap(data, 'kanji')),
  part: _.uniq(_.flatMap(data, p => p.part.split(' ')))
};

console.log(result);

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

Narendra Jadhav 7 年前

您还可以使用 reduce() 以及 spread operator ,您可以达到所需的结果。

演示

const arr=[
  {
    "id": 3298,
    "kanji": "ç±²",
    "part": "ä¸ ï½ äº ä¸ª ã å å£ ç® å ç«¹ è² é  é¾  å»¾",
    "createdAt": "2018-04-16T02:27:33.993Z",
    "updatedAt": "2018-04-16T02:27:33.993Z"
  },
  {
    "id": 5801,
    "kanji": "é¾¥",
    "part": "ä¸ ï½ äº ä¸ª ã å å£ å»¾ ç® å è² é  é¾ ",
    "createdAt": "2018-04-16T02:27:34.102Z",
    "updatedAt": "2018-04-16T02:27:34.102Z"
  }
]

let result= arr.reduce((o,v)=>{
	o.kanji.push(v.kanji);
	o.part=[...o.part,...v.part.split(' ')];
	return o;
},{kanji:[],part:[]});

console.log(result);

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

9 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

9 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

9 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

9 月前

user3472810 · Angular@Output/EventEmitter返回undefined

9 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

9 月前