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 相关文章推荐
关于恒等于(===)和非恒等于(!==)
Aug 20 Javascript
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
Oct 01 Javascript
查看大图功能代码jquery版
Nov 05 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
深入理解ES6的迭代器与生成器
Aug 19 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
快速对接payjq的个人微信支付接口过程解析
Aug 15 Javascript
jQuery实现移动端笔触canvas电子签名
May 21 jQuery
React实现轮播效果
Aug 25 Javascript
Element-ui Layout布局(Row和Col组件)的实现
Dec 06 Vue.js
微信小程序如何实现全局重新加载
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 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
php轻松实现文件上传功能
2016/03/03 PHP
常见的jQuery选择器汇总
2014/11/24 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
vue 实现LED数字时钟效果(开箱即用)
2019/12/08 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
[01:52]PWL S2开团时刻第四期——DOTA2成语故事
2020/12/03 DOTA
python切换hosts文件代码示例
2013/12/31 Python
Python使用lxml模块和Requests模块抓取HTML页面的教程
2016/05/16 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
pip安装时ReadTimeoutError的解决方法
2018/06/12 Python
浅谈Python中的bs4基础
2018/10/21 Python
PyTorch实现更新部分网络,其他不更新
2019/12/31 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
深入了解python列表(LIST)
2020/06/08 Python
大数据分析用java还是Python
2020/07/06 Python
Python Pivot table透视表使用方法解析
2020/09/11 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
html5 CSS过度-webkit-transition使用介绍
2013/07/02 HTML / CSS
Canvas实现保存图片到本地的示例代码
2018/06/28 HTML / CSS
Ann Taylor官方网站:美国最大的女性产品制造商之一
2016/09/14 全球购物
女士时装鞋:Chinese Laundry
2018/08/29 全球购物
装潢设计实习自我鉴定
2013/09/19 职场文书
大学毕业登记表自我鉴定
2013/10/09 职场文书
计算机相关的自我评价
2014/01/15 职场文书
技校毕业生自荐信范文
2014/03/07 职场文书
庆祝三八妇女节标语
2014/10/09 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
销售经理助理岗位职责
2015/04/13 职场文书
写给女朋友的保证书
2015/05/09 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
宾馆卫生管理制度
2015/08/06 职场文书
新学期开学寄语2016
2015/12/04 职场文书
Nginx搭建rtmp直播服务器实现代码
2021/03/31 Servers
python数字图像处理数据类型及颜色空间转换
2022/06/28 Python