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 相关文章推荐
jQuery实现鼠标滚轮动态改变样式或效果
Jan 05 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
Node.js Sequelize如何实现数据库的读写分离
Oct 23 Javascript
angularjs实现的前端分页控件示例
Feb 10 Javascript
vue2实现移动端上传、预览、压缩图片解决拍照旋转问题
Apr 13 Javascript
Express + Node.js实现登录拦截器的实例代码
Jul 01 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
Dec 31 Javascript
vue+vant实现购物车全选和反选功能
Nov 17 Vue.js
js实现模拟购物商城案例
May 18 Javascript
详解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排序算法的复习和总结
2012/02/15 PHP
php调用nginx的mod_zip模块打包ZIP文件
2014/06/11 PHP
PHP排序算法之简单选择排序(Simple Selection Sort)实例分析
2018/04/20 PHP
javascript与CSS复习(《精通javascript》)
2010/06/29 Javascript
Javascript面向对象扩展库代码分享
2012/03/27 Javascript
jQuery替换字符串(实例代码)
2013/11/13 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
javascript操作数组详解
2014/12/17 Javascript
JavaScript实现的简单幂函数实例
2015/04/17 Javascript
js HTML5 Ajax实现文件上传进度条功能
2016/02/13 Javascript
使用jQuery处理AJAX请求的基础学习教程
2016/05/10 Javascript
jQuery实现指定区域外单击关闭指定层的方法【经典】
2016/06/22 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
适用于手机端的jQuery图片滑块动画
2016/12/09 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
bootstrap-Treeview实现级联勾选
2017/11/23 Javascript
详解Webpack实战之构建 Electron 应用
2017/12/25 Javascript
Angular 向组件传递模板的两种方法
2018/02/23 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
vue大型项目之分模块运行/打包的实现
2020/09/21 Javascript
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
web.py中调用文件夹内模板的方法
2014/08/26 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
Python 多线程不加锁分块读取文件的方法
2018/12/11 Python
python由已知数组快速生成新数组的方法
2020/04/08 Python
浅析与CSS3的loading动画加载相关的transition优化
2015/05/18 HTML / CSS
Volcom英国官方商店:美国殿堂级滑板、冲浪、滑雪服装品牌
2019/03/13 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
文明宿舍获奖感言
2014/02/07 职场文书
让世界充满爱演讲稿
2014/05/24 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
小学音乐课歌曲《堆雪人》教学反思
2016/02/18 职场文书
如何用JavaScipt测网速
2021/05/09 Javascript
docker 制作mysql镜像并自动安装
2022/05/20 Servers