web建站教程
  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. 更多
    php入门
    nodejs
    mockjs
    reactjs
    mysql
    wordpress
    织梦cms
    帝国cms
    git教程
    IT知识
    模板大全
    休息站

js数组内根据相同key合并,里面的数组也合并(兼容ie9/ie10浏览器)

447 ℃
     

功能需求:在同一个数组内根据用户的名字合并(合并相同名字),里面的数组也跟着合并。具体代码如下:

数组合并

var resData = [{
  id:'11',
  name:'小米',
  count:1,
  logs:[{
    rules:'规则1',
    type:1
  },{
    rules:'规则2',
    type:2
  }]
},{
  id:'12',
  name:'小红',
  count:1,
  logs:[{
    rules:'规则2',
    type:2
  }]
},{
  id:'13',
  name:'小李',
  count:1,
  logs:[{
    rules:'规则3',
    type:1
  }]
},{
  id:'14',
  name:'小米',
  count:1,
  logs:[{
    rules:'规则4',
    type:1
  }]
}]

var tempArr = [];
var resultData = [];
for (var i = 0; i < resData.length; i++) {
  if (tempArr.indexOf(resData[i].name) === -1) {
    resultData.push({
      id: resData[i].id,
      name: resData[i].name,
      count: resData[i].count,
      logs: resData[i].logs
    });
    tempArr.push(resData[i].name);
  } else {
    for (var j = 0; j < resultData.length; j++) {
  	if (resultData[j].name == resData[i].name) {
	  var logs = resultData[j].logs.concat(resData[i].logs)
  	  resultData[j].logs = logs
  	  break;
  	}
    }
  }
}
console.log('resultData',resultData)

虽然写法有些麻烦,但是客户需求兼容ie9、ie10浏览器~

classList.add和classList.remove不兼容ie6/7/8/9解决方法

自定义属性data-* 不兼容ie6/7/8/9/10解决方法

es6语法中如何实现合并数组

php如何合并数组并去除重复值(重新排序)

php如何将两个数组去重后合并

标签: 兼容IE10, 兼容IE9, 数组合并

上面是“js数组内根据相同key合并,里面的数组也合并(兼容ie9/ie10浏览器)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_3585.html

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

当前位置: 网站首页 > js
本文共计777个字,预计阅读时长6分钟
生活小工具,收录了80多款小工具
上一篇: 程序员正能量文案:乐观积极的治愈系文案,朋友圈满满向上动力句子
下一篇: Lunar组件如何利用I18n实现多语言功能
x 打工人ai神器