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 相关文章推荐
xml 封装与解析(javascript和C#中)
Jul 26 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
js类型检查实现代码
Oct 29 Javascript
查找Oracle高消耗语句的方法
Mar 22 Javascript
javascript学习笔记--数字格式类型
May 22 Javascript
js电话号码验证方法
Sep 28 Javascript
JQuery datepicker 用法详解
Dec 25 Javascript
javascript函数自动执行常用方法汇总
Mar 28 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
JS实现table表格固定表头且表头随横向滚动而滚动
Oct 26 Javascript
vue-cli + sass 的正确打开方式图文详解
Oct 27 Javascript
基于vue组件实现猜数字游戏
May 28 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中全局变量global和$GLOBALS[]的区别分析
2012/08/06 PHP
PHP使用GIFEncoder类处理gif图片实例
2014/07/01 PHP
thinkPHP js文件中U方法不被解析问题的解决方法
2016/12/05 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
jquery选择器-根据多个属性选择示例代码
2013/10/21 Javascript
原生js做的手风琴效果的导航菜单
2013/11/08 Javascript
JavaScript使用focus()设置焦点失败的解决方法
2014/09/03 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
JavaScript语言精粹经典实例(整理篇)
2016/06/07 Javascript
jQuery实现的网格线绘制方法
2016/06/20 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
JS实现的适合做faq或menu滑动效果示例
2016/11/17 Javascript
URL中“#” “?” &amp;“”号的作用浅析
2017/02/04 Javascript
浅谈JS中的反柯里化( uncurrying)
2017/08/17 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
微信小程序结合mock.js实现后台模拟及调试
2019/03/28 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
JS面向对象编程实现的拖拽功能案例详解
2020/03/03 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
vue制作toast组件npm包示例代码
2020/10/29 Javascript
[01:09:19]DOTA2-DPC中国联赛 正赛 VG vs Aster BO3 第二场 2月28日
2021/03/11 DOTA
python文件的md5加密方法
2016/04/06 Python
Python实现解析Bit Torrent种子文件内容的方法
2017/08/29 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
pyqt5实现俄罗斯方块游戏
2019/01/11 Python
Python3几个常见问题的处理方法
2019/02/26 Python
详解python解压压缩包的五种方法
2019/07/05 Python
Python3安装模块报错Microsoft Visual C++ 14.0 is required的解决方法
2020/07/28 Python
利用HTML5 Canvas制作一个简单的打飞机游戏
2015/05/11 HTML / CSS
澳大利亚领先的内衣店:Bendon Lingerie澳大利亚
2020/05/15 全球购物
求职信格式范本
2013/11/15 职场文书
费用会计岗位职责
2014/01/01 职场文书
班组长岗位职责范本
2014/01/05 职场文书
八年级历史教学反思
2014/01/10 职场文书
简历自我评价模板
2015/03/11 职场文书
详解Spring Bean的配置方式与实例化
2022/06/10 Java/Android