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 相关文章推荐
js的event详解。
Sep 06 Javascript
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
Mar 28 Javascript
非常棒的10款jQuery 幻灯片插件
Jun 14 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
jQuery()方法的第二个参数详解
Apr 29 Javascript
javascript实现在线客服效果
Jul 15 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
Node.js 实现简单小说爬虫实例
Nov 18 Javascript
JS重载实现方法分析
Dec 16 Javascript
JavaScript实现form表单的多文件上传
Mar 27 Javascript
Vue动态实现评分效果
May 24 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 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实现的功能是显示8条基色色带
2006/10/09 PHP
解析PHP生成静态html文件的三种方法
2013/06/18 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
PHP无限极分类函数的实现方法详解
2017/04/15 PHP
PHP面向对象程序设计内置标准类,普通数据类型转为对象类型示例
2019/06/12 PHP
Javascript实现的分页函数
2006/12/22 Javascript
写出更好的JavaScript之undefined篇(上)
2009/11/22 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
JavaScript数组操作详解
2017/02/04 Javascript
jQury Ajax使用Token验证身份实例代码
2017/09/22 Javascript
js使用xml数据载体实现城市省份二级联动效果
2017/11/08 Javascript
如何将你的AngularJS1.x应用迁移至React的方法
2018/02/01 Javascript
微信小程序实现人脸检测功能
2018/05/25 Javascript
微信小程序图片左右摆动效果详解
2019/07/13 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
layui之table checkbox初始化时选中对应选项的方法
2019/09/02 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
jQuery中event.target和this的区别详解
2020/08/13 jQuery
JS typeof fn === 'function' &amp;&amp; fn()详解
2020/08/22 Javascript
python实现划词翻译
2020/04/23 Python
Python中获取对象信息的方法
2015/04/27 Python
Python中MySQLdb和torndb模块对MySQL的断连问题处理
2015/11/09 Python
Python制作简易注册登录系统
2016/12/15 Python
解决Pycharm无法import自己安装的第三方module问题
2018/05/18 Python
一文轻松掌握python语言命名规范规则
2020/06/18 Python
Jupyter Notebook安装及使用方法解析
2020/11/12 Python
印度尼西亚综合购物网站:Lazada印尼
2016/09/07 全球购物
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
指针和引用有什么区别
2013/01/13 面试题
环保专业大学生职业规划设计
2014/01/10 职场文书
骨干教师培训感言
2014/01/16 职场文书
园林系毕业生求职信
2014/06/23 职场文书
安全生产奖惩制度
2015/08/06 职场文书
2016年11月份红领巾广播稿
2015/12/21 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
解决tk mapper 通用mapper的bug问题
2021/06/16 Java/Android