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 相关文章推荐
htm调用JS代码
Mar 15 Javascript
用JavaScript 处理 URL 的两个函数代码
Aug 13 Javascript
jquery 子窗口操作父窗口的代码
Sep 21 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
Jul 08 Javascript
javascript结合canvas实现图片旋转效果
May 03 Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
jQuery 常用代码集锦(必看篇)
May 16 Javascript
详解React Native网络请求fetch简单封装
Aug 10 Javascript
vue语法之拼接字符串的示例代码
Oct 25 Javascript
angularjs中$http异步上传Excel文件方法
Feb 23 Javascript
jsonp跨域获取数据的基础教程
Jul 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实现多图片上传类实例
2014/07/26 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
PHP加密解密类实例代码
2016/07/20 PHP
简单的pgsql pdo php操作类实现代码
2016/08/25 PHP
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
2011/05/10 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
jQuery中change事件用法实例
2014/12/26 Javascript
JS表格组件神器bootstrap table详解(基础版)
2015/12/08 Javascript
JavaScript仿百度图片浏览效果
2016/11/23 Javascript
微信小程序-详解数据缓存
2016/11/24 Javascript
javascript 组合按键事件监听实现代码
2017/02/21 Javascript
BootStrap Table 后台数据绑定、特殊列处理、排序功能
2017/05/27 Javascript
微信小程序 五星评分的实现实例
2017/08/04 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
vue工程全局设置ajax的等待动效的方法
2019/02/22 Javascript
js实现拖拽与碰撞检测
2020/09/18 Javascript
Vue——前端生成二维码的示例
2020/12/19 Vue.js
python PyTorch参数初始化和Finetune
2018/02/11 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
详解Python3序列赋值、序列解包
2019/05/14 Python
Django 表单模型选择框如何使用分组
2019/05/16 Python
django基于cors解决跨域请求问题详解
2019/08/06 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
澳大利亚汽车零部件、音响及配件超市:Automotive Superstore
2018/06/19 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
通用C#笔试题附答案
2016/11/26 面试题
大学生职业生涯规划范文
2013/12/31 职场文书
文科生自我鉴定
2014/02/15 职场文书
歌唱比赛策划方案
2014/06/06 职场文书
100句拼搏进取的名言警句,值得一读!
2019/10/07 职场文书
Nginx使用X-Accel-Redirect实现静态文件下载的统计、鉴权、防盗链、限速等
2021/04/04 Servers
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript
JavaScript实现简单的音乐播放器
2022/08/14 Javascript