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 相关文章推荐
jQuery遍历Form示例代码
Sep 03 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
JavaScript继承基础讲解(原型链、借用构造函数、混合模式、原型式继承、寄生式继承、寄生组合式继承)
Aug 16 Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 Javascript
jQuery获取样式中颜色值的方法
Jan 29 Javascript
jquery实现叠层3D文字特效代码分享
Aug 21 Javascript
JavaScript类型系统之正则表达式
Jan 05 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
Nov 18 Javascript
AngularJS constant和value区别详解
Feb 28 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
如何在Node和浏览器控制台中打印彩色文字
Jan 09 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 增加了对 .ZIP 文件的读取功能
2006/10/09 PHP
让你的PHP同时支持GIF、png、JPEG
2006/10/09 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
Codeigniter发送邮件的方法
2015/03/19 PHP
php中smarty区域循环的方法
2015/06/11 PHP
两款万能的php分页类
2015/11/12 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
jquery $.each() 使用小探
2013/08/23 Javascript
利用CSS、JavaScript及Ajax实现高效的图片预加载
2013/10/16 Javascript
JavaScript显示当然日期和时间即年月日星期和时间
2013/10/29 Javascript
setInterval()和setTimeout()的用法和区别示例介绍
2013/11/17 Javascript
对JavaScript中this指针的新理解分享
2015/01/31 Javascript
手机软键盘弹出时影响布局的解决方法
2016/12/15 Javascript
完美解决spring websocket自动断开连接再创建引发的问题
2017/03/02 Javascript
使用vue-cli脚手架工具搭建vue-webpack项目
2019/01/14 Javascript
Vue开发中遇到的跨域问题及解决方法
2020/02/11 Javascript
Vue实现input宽度随文字长度自适应操作
2020/07/29 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
Python正则表达式教程之一:基础篇
2017/03/02 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
django admin添加数据自动记录user到表中的实现方法
2018/01/05 Python
Python异常对代码运行性能的影响实例解析
2018/02/08 Python
Python3实现定时任务的四种方式
2019/06/03 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
Python检查 云备份进程是否正常运行代码实例
2019/08/22 Python
django创建超级用户过程解析
2019/09/18 Python
python生成大写32位uuid代码
2020/03/03 Python
Python grpc超时机制代码示例
2020/09/14 Python
Python如何批量生成和调用变量
2020/11/21 Python
为什么UNION ALL比UNION快
2016/03/17 面试题
运动会广播稿80字
2014/01/23 职场文书
申请任职学生会干部自荐书范文
2014/02/13 职场文书
落实八项规定专题民主生活会对照检查材料
2014/09/15 职场文书
领导干部“四风”查摆问题个人整改措施
2014/10/28 职场文书
挂职个人工作总结
2015/03/05 职场文书
了解Kubernetes中的Service和Endpoint
2022/04/01 Servers