怎样使用js合并数组生成key:value数组

这次给大家带来怎样使用js合并数组生成key:value数组,使用js合并数组生成key:value数组的注意事项有哪些,下面就是实战案例,一起来看一下。

核心代码

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

相信看了本文案例你已经掌握了方法,更多精彩请关注【创想鸟】其它相关文章!

推荐阅读:

jQuery实现模糊查询实战案例解析

怎样处理async/await浪费性能问题

以上就是怎样使用js合并数组生成key:value数组的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2753516.html

(0)
上一篇 2025年3月8日 06:38:51
下一篇 2025年3月8日 06:38:59

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • js循环map获取key与value步骤详解

    这次给大家带来js循环map获取key与value步骤详解,js循环map获取key与value的注意事项有哪些,下面就是实战案例,一起来看一下。 下面的方法一语方法二都是经过脚本之家小编测试并运行的 方法一: json格式定义 无标题文档…

    编程技术 2025年3月8日
    000
  • 怎样使用JS实现验证输入数字及保留小数功能

    这次给大家带来怎样使用JS实现验证输入数字及保留小数功能,使用JS实现验证输入数字及保留小数功能的注意事项有哪些,下面就是实战案例,一起来看一下。 1、验证方法 validationNumber(e, num)  e代表标签对象,num代表…

    编程技术 2025年3月8日
    200
  • 解决Vue.js 2.0 有时双向绑定img src属性失败的问题

    下面我就为大家分享一篇解决vue.js 2.0 有时双向绑定img src属性失败的问题,具有很好的参考价值,希望对大家有所帮助。 错误用法: 登录后复制登录后复制 立即学习“前端免费学习笔记(深入)”; 正确用法: 登录后复制登录后复制 …

    编程技术 2025年3月8日
    200
  • Vue.js 动态为img的src赋值方法

    下面我就为大家分享一篇vue.js 动态为img的src赋值方法,具有很好的参考价值,希望对大家有所帮助。 需求是这样: ajax获取数据如下 { “code”: “200”, “data”: {  “SumAmount”: 200,  “…

    编程技术 2025年3月8日
    200
  • vue页面切换到滚动页面显示顶部的实例_vue.js

    下面我就为大家分享一篇vue页面切换到滚动页面显示顶部的实例,具有很好的参考价值,希望对大家有所帮助。 在用mint ui写移动端从’listview’跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击&#82…

    编程技术 2025年3月8日
    200
  • 聊聊JS动画库 Velocity.js的使用

    本篇文章主要介绍了聊聊js动画库 velocity.js的使用,现在分享给大家,也给大家做个参考。 前言 又到了炎热的7月,很久没有更新技术文章了,原因是上月月底实习结束,从公司离职。然后最近在弄自己的项目和考驾照,为了下次公司的应聘做准备…

    编程技术 2025年3月8日
    200
  • JS实现的集合去重,交集,并集,差集功能示例

    这篇文章主要介绍了js实现的集合去重,交集,并集,差集功能,结合实例形式分析了javascript基于数组实现的集合去重、交集、并集、差集等相关实现技巧,需要的朋友可以参考下 本文实例讲述了JS实现的集合去重,交集,并集,差集功能。分享给大…

    编程技术 2025年3月8日
    200
  • 基于vue.js实现的分页

    本文主要给大家介绍基于vue的分页原生写法,代码分为html部分和js部分,简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧 本文主要介绍基于vue的分页原生写法。 先po上效果图: html部分,将page作为一个单独的组件 上一…

    2025年3月8日
    200
  • vue加载自定义的js文件方法

    下面小编就为大家分享一篇vue加载自定义的js文件方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 在做项目中需要自定义弹出框。就自己写了一个。 效果图 遇见的问题 怎么加载自定义的js文件 立即学习“前端免费学习笔记(…

    2025年3月8日
    200
  • webpack打包js的方法

    这篇文章主要介绍了webpack打包js的方法,现在分享给大家,也给大家做个参考。 Webpack 是一个前端资源加载/打包工具。它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。 在代码实践之前,先说一写…

    2025年3月8日
    200

发表回复

登录后才能评论