js合并两个数组生成合并后的key:value数组

 更新时间:2018年05月09日 21:17:29   作者:王燕欣  
这篇文章主要是介绍了js将两个数组合并为类json方式,需要的朋友可以参考下

核心代码

// var activeSubjectsName = ["语文", "数学", "英语", "思想品德", "科学"];
// var activeSubjectsNum = [46, 2, 2, 28, 29];
// var activeSubjectsArr = [];

for (var i = 0; i < activeSubjectsName.length; i++) {
 console.log(i);
 var activeSubjectsObject = {};
 for (var j = 0; j < activeSubjectsNum.length; j++) {
  if (i == j) {
   activeSubjectsObject.name = activeSubjectsName[i];
   activeSubjectsObject.value = activeSubjectsNum[j];
   activeSubjectsArr.push(activeSubjectsObject);
  }
 }
}
console.log(activeSubjectsArr);
// activeSubjectsArr=[
// {name: "语文", value: 46},
// {name: "数学", value: 2},
// {name: "英语", value: 2},
// {name: "思想品德", value: 28},
// {name: "科学", value: 29}
// ]

原理就是将两个数组结合到一个数组里面,跟json对照关系一样,需要的朋友可以参考一下,注意两个数组按顺序对应好即可。

相关文章

  • 微信内置浏览器私有接口WeixinJSBridge介绍

    微信内置浏览器私有接口WeixinJSBridge介绍

    这篇文章主要介绍了微信内置浏览器私有接口WeixinJSBridge介绍,本文讲解了发送给好友、分享函数、隐藏工具栏、隐藏三个点按钮等功能,需要的朋友可以参考下
    2015-05-05
  • BootStrap表单验证实例代码

    BootStrap表单验证实例代码

    这篇文章主要介绍了bootstrap表单验证的实例代码,代码中包括引入的js文件,具体实现方法,大家参考本文
    2017-01-01
  • JavaScript面向对象之体会[总结]

    JavaScript面向对象之体会[总结]

    看过很多JavaScript书,对JavaScript的面向对象讲的都比较深入,但是并没有做到深入浅出,总结了我做的一些JavaScript程序的经验,以简洁明了的文字使大家明白JavaScript面向对象的实现。
    2008-11-11
  • viewer.js实现图片预览功能

    viewer.js实现图片预览功能

    这篇文章主要为大家详细介绍了viewer.js实现图片预览功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JavaScript+CSS无限极分类效果完整实现方法

    JavaScript+CSS无限极分类效果完整实现方法

    这篇文章主要介绍了JavaScript+CSS无限极分类效果完整实现方法,涉及JavaScript针对页面元素节点遍历与动态操作技巧,需要的朋友可以参考下
    2015-12-12
  • JavaScript中的原始值和复杂值

    JavaScript中的原始值和复杂值

    这篇文章主要介绍了JavaScript中的原始值和复杂值 的相关资料,需要的朋友可以参考下
    2016-01-01
  • 使用Promise解决多层异步调用的简单学习心得

    使用Promise解决多层异步调用的简单学习心得

    下面小编就为大家带来一篇使用Promise解决多层异步调用的简单学习心得。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • 深入理解JS中的变量及作用域、undefined与null

    深入理解JS中的变量及作用域、undefined与null

    本篇文章主要是对JS中的变量及作用域、undefined与null进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • 原生JavaScript+LESS实现瀑布流

    原生JavaScript+LESS实现瀑布流

    这篇文章主要介绍了原生JavaScript+LESS实现瀑布流的方法,附上了具体实例,这里推荐给有需要的小伙伴。
    2014-12-12
  • JavaScript实现QQ聊天消息展示和评论提交功能

    JavaScript实现QQ聊天消息展示和评论提交功能

    这篇文章主要为大家详细介绍了JavaScript实现QQ聊天消息展示和评论提交功能,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05

最新评论