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 相关文章推荐
prototype.js的Ajax对象
Sep 23 Javascript
JS获取计算机mac地址以及IP的实现方法
Jan 08 Javascript
Jquery中CSS选择器用法分析
Feb 10 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
js从外部获取图片的实现方法
Aug 05 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
Vue实现日历小插件
Jun 26 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
如何配置vue.config.js 处理static文件夹下的静态文件
Jun 19 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 Javascript
通过JS判断网页是否为手机打开
Oct 28 Javascript
vue 自定义的组件绑定点击事件
Apr 21 Vue.js
微信小程序如何实现全局重新加载
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
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
php查询相似度最高的字符串的方法
2015/03/12 PHP
PHP生成及获取JSON文件的方法
2016/08/23 PHP
使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)
2016/12/21 PHP
获取元素距离浏览器周边的位置的方法getBoundingClientRect
2013/04/17 Javascript
纯js分页代码(简洁实用)
2013/11/05 Javascript
JavaScript调用浏览器打印功能实例分析
2015/07/17 Javascript
jQuery右下角旋转环状菜单特效代码
2015/08/10 Javascript
tuzhu_req.js 实现仿百度图片首页效果
2015/08/11 Javascript
JavaScript判断用户名和密码不能为空的实现代码
2016/05/16 Javascript
jQuery Easyui学习教程之实现datagrid在没有数据时显示相关提示内容
2016/07/09 Javascript
jQuery弹出层插件popShow(改进版)用法示例
2017/01/23 Javascript
详解Angular2组件之间如何通信
2017/06/22 Javascript
vue加载自定义的js文件方法
2018/03/13 Javascript
简单了解Javscript中兄弟ifream的方法调用
2019/06/17 Javascript
Flutter实现仿微信底部菜单栏功能
2019/09/18 Javascript
Vue.js下拉菜单组件使用方法详解
2019/10/19 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
2019/11/12 Javascript
flexible.js实现移动端rem适配方案
2020/04/07 Javascript
python实现计算资源图标crc值的方法
2014/10/05 Python
浅析python3中的os.path.dirname(__file__)的使用
2018/08/30 Python
django美化后台django-suit的安装配置操作
2020/07/12 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
Python通用唯一标识符uuid模块使用案例
2020/09/10 Python
美国特价机票专家:Airfarewatchdog
2018/01/24 全球购物
全球最大的生存食品、水和装备专用在线市场:BePrepared.com
2020/01/02 全球购物
写好自荐信的要点
2013/11/06 职场文书
音乐学专业求职信
2014/07/22 职场文书
快递员岗位职责
2014/09/12 职场文书
教师政风行风评议心得体会
2014/10/21 职场文书
工厂见习报告范文
2014/10/31 职场文书
2014年学校总务处工作总结
2014/12/08 职场文书
运动会新闻报道稿
2015/07/22 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL
css样式important规则的正确使用方式
2022/06/10 HTML / CSS