利用js语法把数组根据相同key转换成嵌套数组格式

193 ℃

功能介绍:如何利用js语法把数组根据相同key转换成嵌套数组格式,下面给大家简单介绍一下具体实现代码!​

基础数组:

const dataList = [
  {
      name: "小米",
      school: "清北本科"
  },
  {
      name: "小米",
      school: "浙大研究生"
  },
  {
      name: "小华",
      school: "上海大学"
  },
  {
      name: "小龙",
      school: "西南大学"
  },
];

具体语法:

let dataArr = [];
dataList.map(mapItem => {
  if (dataArr.length == 0) {
      dataArr.push({ name: mapItem.name, List: [mapItem] })
  } else {
     let res = dataArr.some(item=> {
      if (item.name == mapItem.name) {
        item.List.push(mapItem)
        return true
      }
    })
    if (!res) {
      dataArr.push({ name: mapItem.name, List: [mapItem] })
    }
  }
})

输出结果:

console.log('dataArr', dataArr)
[
    {
        "name": "小米",
        "List": [
            {
                "name": "小米",
                "school": "清北本科"
            },
            {
                "name": "小米",
                "school": "浙大研究生"
            }
        ]
    },
    {
        "name": "小华",
        "List": [
            {
                "name": "小华",
                "school": "上海大学"
            }
        ]
    },
    {
        "name": "小龙",
        "List": [
            {
                "name": "小龙",
                "school": "西南大学"
            }
        ]
    }
]

如何利用js语法将2个数组进行交叉合并

利用JS把数组里面的数据自动生成table表格(5个一行)

利用js语法实现数组排序和反转

js语法如何实现列表移动效果

js语法如何实现列表新增和删除

标签: js语法, 数组转换

上面是“利用js语法把数组根据相同key转换成嵌套数组格式”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_16199.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

一款免费开源的 JavaScript 数据库——PouchDB
如何利用Vuejs代码实现搜索匹配功能
jquery关于交互的几种方式
dedecms织梦模板列表页单独调用总页数二次开发教
织梦cms解决webp格式图片上传失败