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


Posted in Javascript onMay 09, 2018

核心代码

// 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对照关系一样,需要的朋友可以参考一下,注意两个数组按顺序对应好即可。

Javascript 相关文章推荐
IE 下的只读 innerHTML
Aug 21 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
详细探究ES6之Proxy代理
Jul 22 Javascript
微信小程序  modal弹框组件详解
Oct 27 Javascript
实例解析angularjs的filter过滤器
Dec 14 Javascript
AngularJS实践之使用ng-repeat中$index的注意点
Dec 22 Javascript
jQuery阻止移动端遮罩层后页面滚动
Mar 15 Javascript
Vue cli+mui 区域滚动的实例代码
Jan 25 Javascript
vue实现组件之间传值功能示例
Jul 13 Javascript
Nautil 中使用双向数据绑定的实现
Oct 02 Javascript
jQuery 移除事件的方法
Jun 20 jQuery
详解Puppeteer 入门教程
May 09 #Javascript
node基于puppeteer模拟登录抓取页面的实现
May 09 #Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 #Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 #jQuery
JS验证输入的是否是数字及保留几位小数问题
May 09 #Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
May 09 #Javascript
node puppeteer(headless chrome)实现网站登录
May 09 #Javascript
You might like
手把手编写PHP框架 深入了解MVC运行流程
2016/09/19 PHP
极酷的javascirpt,让你随意编辑任何网页
2007/02/25 Javascript
什么是cookie?js手动创建和存储cookie
2014/05/27 Javascript
javascript实现playfair和hill密码算法
2014/12/07 Javascript
javascript常见数据验证插件大全
2015/08/03 Javascript
分享几种比较简单实用的JavaScript tabel切换
2015/12/31 Javascript
jQuery中ScrollTo用法示例
2016/09/04 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
javascript 日期相减-在线教程(附代码)
2017/08/17 Javascript
解决IE7中使用jQuery动态操作name问题
2017/08/28 jQuery
JavaScript事件委托原理与用法实例分析
2018/06/07 Javascript
JavaScript中this用法学习笔记
2019/03/17 Javascript
vue中实现上传文件给后台实例详解
2019/08/22 Javascript
jQuery实现容器间的元素拖拽功能
2020/12/01 jQuery
[38:40]2018DOTA2亚洲邀请赛 4.6淘汰赛 mineski vs LGD 第一场
2018/04/10 DOTA
python进阶教程之函数参数的多种传递方法
2014/08/30 Python
python编写爬虫小程序
2015/05/14 Python
python正则表达式re之compile函数解析
2017/10/25 Python
纯用NumPy实现神经网络的示例代码
2018/10/24 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
自定义实现 PyQt5 下拉复选框 ComboCheckBox的完整代码
2020/03/30 Python
python os模块在系统管理中的应用
2020/06/22 Python
大数据分析用java还是Python
2020/07/06 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
css3中新增的样式使用示例附效果图
2014/08/19 HTML / CSS
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
西式婚礼主持词
2014/03/13 职场文书
药剂专业个人求职信范文
2014/04/29 职场文书
Python爬虫之爬取最新更新的小说网站
2021/05/06 Python
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
Vue过滤器(filter)实现及应用场景详解
2021/06/15 Vue.js
Go 语言中 20 个占位符的整理
2021/10/16 Golang
Go语言读取txt文档的操作方法
2022/01/22 Golang
Python基本的内置数据类型及使用方法
2022/04/13 Python