JS实现从对象获取对象中单个键值的方法示例


Posted in Javascript onJune 05, 2019

本文实例讲述了JS实现从对象获取对象中单个键值的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>3water.com JS获取对象中单个键值</title>
</head>
<body>
<script>
  window.onload = function() {
    var add = document.getElementById("addArr")
    var arr = [
      {aaa: 51, bbb: 174},
      {aaa: 270, bbb: 174}
    ];
    obj = {
      xxx: 51,
      yyy: 174,
      zzz: 175,
      aaa: 1,
      bbb: "abaababababa",
      ccc: 545,
      ddd: 2455
    };
    var aObj = {};
    function addArr() {
      aObj.aaa = obj.aaa
      aObj.bbb = obj.bbb
    };
    addArr();
    add.addEventListener("click", function() {
      arr.push(aObj);
      console.log(arr);
    });
  }
</script>
<div>
  <button id="addArr">ADD</button>
</div>
</body>
</html>

运行结果:

JS实现从对象获取对象中单个键值的方法示例

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题:《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript当中的代码嗅探扩展原生对象和原型(prototype)
Jan 11 Javascript
解决js数据包含加号+通过ajax传到后台时出现连接错误
Aug 01 Javascript
js解决select下拉选不中问题
Oct 14 Javascript
浅谈JavaScript function函数种类
Dec 29 Javascript
js实现分割上传大文件
Mar 09 Javascript
node.js cookie-parser之parser.js
Jun 06 Javascript
Javascript中indexOf()和lastIndexOf应用方法实例
Aug 24 Javascript
完美解决IE9浏览器出现的对象未定义问题
Sep 29 Javascript
Vue.js 插件开发详解
Mar 29 Javascript
基于vue2实现左滑删除功能
Nov 28 Javascript
vue ssr 指南详读
Jun 29 Javascript
探秘vue-rx 2.0(推荐)
Sep 21 Javascript
微信小程序如何实现全局重新加载
Jun 05 #Javascript
JS数组Object.keys()方法的使用示例
Jun 05 #Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 #Javascript
Vue实现微信支付功能遇到的坑
Jun 05 #Javascript
JS实现数组删除指定元素功能示例
Jun 05 #Javascript
vue实现PC端录音功能的实例代码
Jun 05 #Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 #Javascript
You might like
php异步:在php中使用fsockopen curl实现类似异步处理的功能方法
2016/12/10 PHP
php 常用的系统函数
2017/02/07 PHP
js中iframe调用父页面的方法
2014/10/30 Javascript
JavaScript实现删除,移动和复制文件的方法
2015/08/05 Javascript
Node.js重新刷新session过期时间的方法
2016/02/04 Javascript
javascript中this指向详解
2016/04/23 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
Vue2 轮播图slide组件实例代码
2018/05/31 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
Vue在H5 项目中使用融云进行实时个人单聊通讯
2020/12/14 Vue.js
[44:22]完美世界DOTA2联赛循环赛 FTD vs PXG BO2第一场 11.01
2020/11/02 DOTA
Django框架下在URLconf中指定视图缓存的方法
2015/07/23 Python
Python进程间通信之共享内存详解
2017/10/30 Python
python实现一组典型数据格式转换
2018/12/15 Python
Python OpenCV对本地视频文件进行分帧保存的实例
2019/01/08 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
python自动循环定时开关机(非重启)测试
2019/08/26 Python
Django使用消息提示简单的弹出个对话框实例
2019/11/15 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
接口自动化多层嵌套json数据处理代码实例
2020/11/20 Python
不用游标的SQL语句有哪些
2012/09/07 面试题
毕业生自我鉴定范文
2013/11/08 职场文书
商务日语毕业生自荐信
2013/11/23 职场文书
工商管理系学生的自我评价分享
2013/11/29 职场文书
高二化学教学反思
2014/01/30 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
2014超市双十一活动策划方案
2014/09/29 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
总经理司机岗位职责
2015/04/10 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
python实现过滤敏感词
2021/05/08 Python