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 相关文章推荐
关于IE7 IE8弹出窗口顶上
Dec 22 Javascript
javascript 网页跳转的方法
Dec 24 Javascript
JS 控制CSS样式表
Aug 20 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
jQuery判断checkbox是否选中的小例子
Dec 02 Javascript
查找页面中所有类为test的结点的方法
Mar 28 Javascript
深入浅析JavaScript的API设计原则
Jun 14 Javascript
关于微信上网页图片点击全屏放大效果
Dec 19 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
Vuex持久化插件(vuex-persistedstate)解决刷新数据消失的问题
Apr 16 Javascript
JS 设计模式之:单例模式定义与实现方法浅析
May 06 Javascript
JS继承最简单的理解方式
Mar 31 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使用pdo连接sqlite3的配置示例
2016/05/27 PHP
javascript编程起步(第四课)
2007/02/27 Javascript
用js遍历 table的脚本
2008/07/23 Javascript
javascript hasFocus使用实例
2010/06/29 Javascript
JQuery动态创建DOM、表单元素的实现代码
2011/08/09 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
jQuery固定浮动侧边栏实现思路及代码
2014/09/28 Javascript
jQuery控制元素显示、隐藏、切换、滑动的方法总结
2015/04/16 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
Javascript中prototype的使用详解
2016/06/18 Javascript
Node.js读写文件之批量替换图片的实现方法
2016/09/07 Javascript
vue中v-model动态生成的实例详解
2017/10/27 Javascript
nodejs多版本管理总结
2018/04/03 NodeJs
微信小程序如何利用getCurrentPages进行页面传值
2019/07/01 Javascript
微信小程序iBeacon测距及稳定程序的实现解析
2019/07/31 Javascript
vue视频播放插件vue-video-player的具体使用方法
2019/11/08 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
JS实现躲避粒子小游戏
2020/06/18 Javascript
nuxt 自定义 auth 中间件实现令牌的持久化操作
2020/11/05 Javascript
[02:38]DOTA2英雄基础教程 噬魂鬼
2014/01/03 DOTA
Python实现根据IP地址和子网掩码算出网段的方法
2015/07/30 Python
浅谈Python中的可变对象和不可变对象
2017/07/07 Python
Python文件和流(实例讲解)
2017/09/12 Python
Python正则表达式知识汇总
2017/09/22 Python
python嵌套字典比较值与取值的实现示例
2017/11/03 Python
python matplotlib折线图样式实现过程
2019/11/04 Python
浅谈Django2.0 加xadmin踩的坑
2019/11/15 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
Python用input输入列表的实例代码
2020/02/07 Python
最新pycharm安装教程
2020/11/18 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
如何用SQL语句进行模糊查找
2015/09/25 面试题
英语感谢信范文
2015/01/20 职场文书
幼儿园见习总结
2015/06/23 职场文书
《刷子李》教学反思
2016/02/20 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP