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常用对话框小集
Sep 13 Javascript
浅谈JS函数定义方式的区别
Oct 30 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
Dec 25 Javascript
基于Vue实现timepicker
Apr 25 Javascript
vue中的计算属性的使用和vue实例的方法示例
Dec 04 Javascript
vue watch自动检测数据变化实时渲染的方法
Jan 16 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
Vue.extend实现挂载到实例上的方法
May 01 Javascript
手把手教你 CKEDITOR 4 实现Dialog 内嵌 IFrame操作详解
Jun 18 Javascript
百度小程序之间的页面通信过程详解
Jul 18 Javascript
js实现超级玛丽小游戏
Mar 18 Javascript
vue render函数动态加载img的src路径操作
Oct 26 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
一个简单的域名注册情况查询程序
2006/10/09 PHP
PHP中的cookie
2006/11/26 PHP
PHP mysql事务问题实例分析
2016/01/18 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
thinkPHP线上自动加载异常与修复方法实例分析
2016/12/01 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
YUI的Tab切换实现代码
2010/04/11 Javascript
使用jQuery全局事件ajaxStart为特定请求实现提示效果的代码
2010/12/30 Javascript
js和php如何获取当前url的内容
2013/09/22 Javascript
jquery使用append(content)方法注意事项分享
2014/01/06 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
JS实现按钮颜色切换效果
2020/09/05 Javascript
JS实现字符串翻转的方法分析
2018/08/31 Javascript
解决Vue使用swiper动态加载数据,动态轮播数据显示白屏的问题
2018/09/27 Javascript
基于Vue实现的多条件筛选功能的详解(类似京东和淘宝功能)
2019/05/07 Javascript
基于js实现的图片拖拽排序源码实例
2020/11/04 Javascript
vue 解决在微信内置浏览器中调用支付宝支付的情况
2020/11/09 Javascript
python小技巧之批量抓取美女图片
2014/06/06 Python
Python将xml和xsl转换为html的方法
2015/03/10 Python
Python中条件判断语句的简单使用方法
2015/08/21 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
python实现汉诺塔算法
2021/03/01 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
Python中psutil的介绍与用法
2019/05/02 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
萌新的HTML5 入门指南
2020/11/06 HTML / CSS
什么是JNDI的上下文?如何初始化JNDI上下文
2012/03/10 面试题
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
大学生入党自我鉴定
2013/10/31 职场文书
写求职信有哪些注意事项
2014/05/08 职场文书
食品安全处置方案
2014/06/14 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
小程序后台PHP版本部署运行 LNMP+WNMP
2021/04/01 Servers
关于HTML编码导致的乱码问题
2021/09/04 HTML / CSS