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 相关文章推荐
判断客户端浏览器是否安装了Flash插件的多种方法
Aug 11 Javascript
Javascript中string转date示例代码
Nov 01 Javascript
浅谈JavaScript函数参数的可修改性问题
Dec 05 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
setTimeout()递归调用不加引号出错的解决方法
Sep 05 Javascript
javascript实现图像循环明暗变化的方法
Feb 25 Javascript
js实现缓冲运动效果的方法
Apr 10 Javascript
jsMind通过鼠标拖拽的方式调整节点位置
Apr 13 Javascript
BootStrap轻松实现微信页面开发代码分享
Oct 21 Javascript
使用原生js写ajax实例(推荐)
May 31 Javascript
js如何实现元素曝光上报
Aug 07 Javascript
原生js中运算符及流程控制示例详解
Jan 05 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设计模式之代理模式的深入解析
2013/06/13 PHP
解析PHP中一些可能会被忽略的问题
2013/06/21 PHP
Yii框架上传图片用法总结
2016/03/28 PHP
Laravel给生产环境添加监听事件(SQL日志监听)
2017/06/19 PHP
php微信开发之图片回复功能
2018/06/14 PHP
用jQuery简化JavaScript开发分析
2009/02/19 Javascript
用JQuery调用Session的实现代码
2010/10/29 Javascript
基于Jquery的标签智能验证实现代码
2010/12/27 Javascript
js 火狐下取本地路径实现思路
2013/04/02 Javascript
JavaScript对象参数的引用传递
2016/01/14 Javascript
原生js实现验证码功能
2017/03/16 Javascript
如何使用Bootstrap创建表单
2017/03/29 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
js数组实现权重概率分配
2017/09/12 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
Javascript实现动态时钟效果
2018/11/17 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
2020/04/16 Javascript
python实现的简单文本类游戏实例
2015/04/28 Python
日常整理python执行系统命令的常见方法(全)
2015/10/22 Python
Python程序中用csv模块来操作csv文件的基本使用教程
2016/03/03 Python
深度定制Python的Flask框架开发环境的一些技巧总结
2016/07/12 Python
python实现贪吃蛇游戏
2020/03/21 Python
opencv调整图像亮度对比度的示例代码
2019/09/27 Python
Python如何使用函数做字典的值
2019/11/30 Python
基于TensorFlow中自定义梯度的2种方式
2020/02/04 Python
Python reversed函数及使用方法解析
2020/03/17 Python
Python Selenium安装及环境配置的实现
2020/03/17 Python
利用css3径向渐变做一张优惠券的示例
2018/03/22 HTML / CSS
台湾前三大B2C购物网站:MOMO购物网
2017/04/27 全球购物
C#面试题
2016/05/06 面试题
个人房屋转让协议书范本
2014/10/26 职场文书
护理见习报告范文
2014/11/03 职场文书
巾帼文明岗汇报材料
2014/12/24 职场文书
小学生交通安全寄语
2015/02/27 职场文书
微信小程序 WeUI扩展组件库的入门教程
2022/04/21 Javascript