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 面向对象编程  function是方法(函数)
Sep 17 Javascript
javascript 程序库的比较(一)之DOM功能
Apr 07 Javascript
jquery 实现返回顶部功能
Nov 17 Javascript
js+html5实现可在手机上玩的拼图游戏
Jul 17 Javascript
JavaScript常用数组算法小结
Feb 13 Javascript
jQuery实现的导航下拉菜单效果示例
Sep 05 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 26 Javascript
JavaScript实现移动端拖动元素
Nov 24 Javascript
利用JavaScript模拟京东按键输入功能
Dec 01 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中实现记住密码自动登录的代码
2011/03/02 PHP
PHP中文编码小技巧
2014/12/25 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
2007/01/09 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
jBox 2.3基于jquery的最新多功能对话框插件 常见使用问题解答
2011/11/10 Javascript
jQuery模拟超链接点击效果代码
2013/04/21 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
详解JavaScript中的every()方法
2015/06/08 Javascript
c#程序员对TypeScript的认识过程
2015/06/19 Javascript
详解jQuery中的元素的属性和相关操作
2015/08/14 Javascript
jquery实现具有嵌套功能的选项卡
2016/02/12 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
JS中用三种方式实现导航菜单中的二级下拉菜单
2016/10/31 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
js获取当前时间(昨天、今天、明天)
2016/11/23 Javascript
mongoose设置unique不生效问题的解决及如何移除unique的限制
2017/11/07 Javascript
nodejs实现的连接MySQL数据库功能示例
2018/01/25 NodeJs
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
详解Javascript中new()到底做了些什么?
2018/03/29 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
Python对两个有序列表进行合并和排序的例子
2014/06/13 Python
django解决跨域请求的问题
2018/11/11 Python
新手入门学习python Numpy基础操作
2020/03/02 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
大学生文员专业个人求职信范文
2014/01/05 职场文书
2014年社区卫生工作总结
2014/12/18 职场文书
2015年司法所工作总结
2015/04/27 职场文书
详解SQL报错盲注
2022/07/23 SQL Server
Python爬取奶茶店数据分析哪家最好喝以及性价比
2022/09/23 Python