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关于图形报表的运用实现代码
Jan 06 Javascript
jquerymobile局部渲染的各种刷新方法小结
Mar 05 Javascript
jquery缓动swing liner控制动画过程不同时刻的速度
May 29 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
AngualrJS中的Directive制作一个菜单
Jan 26 Javascript
在localStorage中存储对象数组并读取的方法
Sep 24 Javascript
JavaScript遍历Json串浏览器输出的结果不统一问题
Nov 03 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
canvas红包照片实例分享
Feb 28 Javascript
jquery实现图片放大点击切换
Jun 06 jQuery
VUE axios上传图片到七牛的实例代码
Jul 28 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
php知道与问问的采集插件代码
2010/10/12 PHP
PHP中调用SVN命令更新网站方法
2015/01/07 PHP
php中smarty区域循环的方法
2015/06/11 PHP
一段实用的php验证码函数
2016/05/19 PHP
老生常谈PHP面向对象之解释器模式
2017/05/17 PHP
PHP 多进程与信号中断实现多任务常驻内存管理实例方法
2019/10/04 PHP
参考:关于Javascript中实现暂停的几篇文章
2007/03/04 Javascript
JS Replace 全部替换字符的用法小结
2013/12/24 Javascript
js检测输入内容全为空格的方法
2014/05/03 Javascript
JavaScript用JQuery呼叫Server端方法示例代码
2014/09/03 Javascript
12行javascript代码绘制一个八卦图
2015/04/02 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
基于jquery实现轮播焦点图插件
2016/03/31 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
JavaScript键盘事件常见用法实例分析
2019/01/03 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
layui 上传图片 返回图片地址的方法
2019/09/26 Javascript
vue动态设置页面title的方法实例
2020/08/23 Javascript
python下载图片实现方法(超简单)
2017/07/21 Python
Python中Selenium模拟JQuery滑动解锁实例
2017/07/26 Python
浅谈Tensorflow模型的保存与恢复加载
2018/04/26 Python
Python清空文件并替换内容的实例
2018/10/22 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
通过Python实现一个简单的html页面
2020/05/16 Python
Anaconda+vscode+pytorch环境搭建过程详解
2020/05/25 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
recorder.js 基于Html5录音功能的实现
2020/05/26 HTML / CSS
Internet主要有哪些网络群组成
2015/12/24 面试题
MYSQL相比于其他数据库有哪些特点
2013/07/19 面试题
学校司机岗位职责
2013/11/14 职场文书
2015自愿离婚协议书范本
2015/01/28 职场文书
学困生转化工作总结
2015/08/13 职场文书
评估“风险”创业计划的几大要点
2019/08/12 职场文书
Python基础详解之描述符
2021/04/28 Python