今天遇到一个问题。后端请求回来是[{id:'12',name:'tom'},{id:'13',name:'marry'}]。

百度的方法:

转换方法:1、利用fromEntries()和map()函数,语法“Object.fromEntries(arr.map(item => [item.key, item]))”语句;2、利用扩展运算符“...”,语法“{...arr}”。

方法1:利用fromEntries()和map()函数

const arr = [{ key: "id", name: "编号" },{ key: "name", name: "名称" },
];const obj = Object.fromEntries(arr.map(item => [item.key, item]));console.log(obj);

输出

方法2:利用扩展运算符“...”

const arr = [{ key: "id", name: "编号" },{ key: "name", name: "名称" },
];const obj = {...arr} ;console.log(obj);

我用了解构,但是他的姓氏是{0:{key:'id',name:'hhh'}},我不想要前面的0。

所以找了另外的方法:es6里面的find。

find() 方法就是根据传入的函数遍历数组中每一个元素,返回值为数组中第一个符合条件的值。

studnets:

student:

直接上代码

 //根据id查询student数据,返回符合条件的idstudents.find(function(item){return item.id === student.id})

结果: 这就是我想要的那一条数据。

注意:

  1. 当数组中某一个条件符合值函数条件时,find将停止执行,即一次只能查询一个数组中符合条件的元素
  2. 如果没有符合条件的元素返回 undefined
  3. find()对于空数组是不会执行的
  4. find()做的仅仅是查询操作,并不会改变数组的原始值

ES6 数组转为对象 ,以及 find 在数组里面找到对应一条数据相关推荐

  1. yii2数组转为对象_好程序员Java学习路线分享java为什么不支持泛型数组

    本篇文章好程序员为大家一下java为什么不支持泛型数组,希望对大家有所帮助. public class Pair { public void info( ) { System.out.println( ...

  2. Java中用一条语句把基础类型(int)数组转为对象数组(Integer),或者变为List

    //不多说直接上代码int[] a={1,3,4};/**下面是将基本数组转化为对象数组*/ Integer[] ib= IntStream.of(a).boxed().collect(Collect ...

  3. 如何在 JavaScript 中将数组转为对象

    首先,我们需要明白对象具有键和值. const object = {key: 'value' } 如果我们想把某个东西转换成一个对象,我们需要传递具有这两个要求的东西:键和值. 满足这些要求的参数有两 ...

  4. php把数组转为字符串函数,php把数组转为字符串用什么函数

    [摘要] PHP即"超文本预处理器",是一种通用开源脚本语言.PHP是在服务器端执行的脚本语言,与C语言类似,是常用的网站编程语言.PHP独特的语法混合了C.Java.Perl以及 ...

  5. php 数组转为json,php怎么将数组数组转化为json格式的数据 ?

    $arr = Array('one','two', 'three'); echo json_encode($arr); 输出 [php] view plain copy ["one" ...

  6. php数组包含对象吗,在包含数组的PHP对象上调用方法

    我有一个名为"食物"的PHP类.该类的内部数据结构是一个Array. class Food { public $dataArray;// = array(); public $si ...

  7. ES6的新特性(8)——数组的扩展

    数组的扩展 扩展运算符 含义 扩展运算符(spread)是三个点(...).它好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列. console.log(...[1, 2, 3]) / ...

  8. js的数组和对象的多种复制和清空, 以及区分JS数组和对象的方法

    js的数组和对象的多种"复制"和"清空", 以及区分JS数组和对象的方法 一.数组清空与复制方法 1.数组清空的方法 var a = [1,2,3]; a.le ...

  9. JS 数组转对象 对象转数组 对象数组互相转换

    js 对象数组互相转换 数组转换为对象 JS 数组转对象 对象转数组 对象数组互相转换 数组对象互相转换 JS 数组转对象.对象转数组(针对嵌套深层次比较深的对象或者数组) JS 声明一个函数,arr ...

最新文章

  1. 使用Nginx+FFMPEG搭建HLS直播转码服务器
  2. TCP:SEQ号与ACK号
  3. 第九届蓝桥杯java B组—第二题方格计数(详细介绍)
  4. 廖雪峰python教程整理笔记_廖雪峰python教程笔记(一)
  5. APP签名MD5获取
  6. Docker(三) 使用容器数据卷实现数据持久化与容器数据共享
  7. Python实现TCP协议套接字多路复用
  8. 实际开发的存储过程_实际生产中的 Android SDK开发总结| 完结
  9. python 知乎 合并 pdf_32.使用selenium爬取知乎,并实现多页保存为一个PDF文件
  10. 针对 VOC2007和VOC2012 的具体用法
  11. Mysql,Oracle varchar2 字节长度
  12. CTF入门之php文件包含
  13. 基于CDD修复模型的图像修复算法
  14. windows系统下怎么把图片变为ico格式?
  15. 微信公众号内测开放个人订阅号认证!
  16. 飞机大战之一:让背景先动起来
  17. rror: [$injector:unpr] http...r?p0=contentCategoryServicePro错误解决方案
  18. android+蓝牙遥控器,一种通过蓝牙遥控安卓设备的方法与流程
  19. 【Linux编程】进程间通信(IPC)C语言实现
  20. torch.nn.Embedding的使用

热门文章

  1. 【Python 实战基础】Pandas如何输出表格数据标题名称列表
  2. 【物联网那些事儿】18 大物联网操作系统,Raspbian Pi、Ubuntu Core、Windows 10 IoT、Micropython、OpenWrt ....你用过哪几个?
  3. 为何使用云原生应用架构 二 :独霸天下之四大绝技
  4. iBatis框架batch处理优化
  5. A1488. 魔法波(乔明达)
  6. 在linux上用SDKMan对Java进行多版本管理
  7. 尾波冲浪流行起来了,水上运动“圣地”三亚火出圈
  8. 向Excel说再见,神级编辑器统一表格与Python
  9. 选择与放弃决定着你的生命
  10. Github学生包申请流程