美文网首页
js 数组里多个对象 reduce 为单个对象

js 数组里多个对象 reduce 为单个对象

作者: 南土酱 | 来源:发表于2023-01-30 15:17 被阅读0次

百度完看了一堆都是很简单的例子或者结果不是我想要的。
我的数据是这样的

[ {label:'ds',value:'d'} , {label:'aa',value:'b'} ]
然后想通过 reduce 转变成以下结果:
{ d:ds , b:aa }

reduce 方法平摊来看的话有四个参数

reduce( (total , current, index)=>{}, initialValue)
initialValue 是初始值,可选
total 是累积值,也就是要结果累加在一起的值 ,必选
current 是数组里遍历的当前值, 必选
index 是下标,可选

1.看思路一开始我是想

[{label:'ds',value:'d'},{label:'aa',value:'b'} ].reduce((tar,key,index)=>{ tar[key.value]=key.label})
image.png

2.原来是忘记reduce 加 return了


image.png

3.但是第一个还是 label和 value,怎么回事呢?原来是得传个初始值,不然第一次的时候就出错


image.png
[{label:'ds',value:'d'}].reduce((tar,key)=>{ tar[key.value]=key.label;return tar;}, {})

这里我是原先对象里的 value 作为 结果对象的key,如果读者需要,可以自己定义key值。

相关文章

  • Javascript 学习3 Array

    Array 对象 Array 对象用于在单个的变量中存储多个值。 创建Array对象方法 参数 size 是期望数...

  • js中的数组

    1.关于js中的array对象 Array对象是用于在单个的变量中存储多个值; js数组中的每一项在都能保存任何类...

  • Redis数据操作(2)

    “ 哈希hash ” hash用于存储对象,对象的格式为键值对 1:设置 设置单个属性 设置多个属性 2:获取 获...

  • JavaScript Array 对象

    JavaScript Array 对象 Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 A...

  • JavaScript中数组对象详解

    Array对象即数组对象用于在单个变量中存储多个值,JS的数组是弱类型的,所以允许数组中含有不同类型的元素,数组元...

  • 1.2——调整对象关系

    一.选中对象 1.选中单个对象 2.选中多个对象 3.选择性选中/删除多个对象——按ctrl键 二.调整对齐 1...

  • pronoun

    that和which区别"that" 暗指单个对象"which" 暗指多个对象中的一个 The dog that ...

  • JavaScript Array常用属性和方法(摘抄自W3S

    Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 Array 对象的语法: new Arra...

  • js数组对象JavaScript Array 对象

    Array 对象 Array 对象用于在单个的变量中存储多个值。 创建 Array 对象的语法: new Arra...

  • CorelDRAW中的合并和群组功能

    在设计过程中,对象就是我们进行操作的主体,这个操作主体可以是单个对象,也可以是多个对象,在有多个对象要进行处理时,...

网友评论

      本文标题:js 数组里多个对象 reduce 为单个对象

      本文链接:https://www.haomeiwen.com/subject/zdbmhdtx.html