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 TextBox自动完成条
Jul 22 Javascript
js 判断图片是否加载完以及实现图片的预下载
Aug 14 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
JavaScript实现当网页加载完成后执行指定函数的方法
Mar 21 Javascript
AngularJs实现分页功能不带省略号的代码
May 30 Javascript
javascript弹出带文字信息的提示框效果
Jul 19 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
详解闭包解决jQuery中AJAX的外部变量问题
Feb 22 Javascript
JavaScript重复元素处理方法分析【统计个数、计算、去重复等】
Dec 14 Javascript
使用 Node.js 开发资讯爬虫流程
Jan 07 Javascript
vue在手机中通过本机IP地址访问webApp的方法
Aug 15 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
Apr 22 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数组函数序列之array_flip() 将数组键名与值对调
2011/11/07 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
基于php伪静态的实现详细介绍
2013/04/28 PHP
PHP会话处理的10个函数
2015/08/11 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
Javascript Select操作大集合
2009/05/26 Javascript
javascript loadScript异步加载脚本示例讲解
2013/11/14 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
nodejs 提示‘xxx’ 不是内部或外部命令解决方法
2014/11/20 NodeJs
Nodejs学习笔记之Global Objects全局对象
2015/01/13 NodeJs
两种方法解决javascript url post 特殊字符转义 + &amp; #
2016/04/13 Javascript
jQuery获取父元素及父节点的方法小结
2016/04/14 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
JavaScript省市级联下拉菜单实例
2017/02/14 Javascript
Gulp实现静态网页模块化的方法详解
2018/01/09 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
微信小程序纯文本实现@功能
2020/04/08 Javascript
Python实现批量修改文件名实例
2015/07/08 Python
Python和Perl绘制中国北京跑步地图的方法
2016/03/03 Python
Python中运算符&quot;==&quot;和&quot;is&quot;的详解
2016/10/08 Python
PyCharm在win10的64位系统安装实例
2017/11/26 Python
python的socket编程入门
2018/01/29 Python
python: 自动安装缺失库文件的方法
2018/10/22 Python
Django重置migrations文件的方法步骤
2019/05/01 Python
python模拟预测一下新型冠状病毒肺炎的数据
2020/02/01 Python
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
建筑毕业生自我鉴定
2013/10/18 职场文书
管理信息系学生的自我评价
2014/01/11 职场文书
多媒体教室标语
2014/06/26 职场文书
工作态度不端正检讨书
2014/10/04 职场文书
领导班子整改方案和个人整改措施
2014/10/25 职场文书
入团介绍人意见范文
2015/06/04 职场文书
动画《朋友游戏》公开佐藤友生绘制的开播纪念绘
2022/04/06 日漫