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 相关文章推荐
javascript禁用Tab键脚本实例
Nov 22 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
Jan 10 Javascript
用json方式实现在 js 中建立一个map
May 02 Javascript
不使用ajax实现无刷新提交表单
Dec 21 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
简单的jQuery banner图片轮播实例代码
Mar 04 Javascript
jQuery实现导航回弹效果
Feb 27 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
JavaScript编写棋盘覆盖代码详解
Aug 28 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
vue 组件销毁并重置的实现
Jan 13 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 SQLite类
2009/05/07 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
php编程每天必学之表单验证
2016/03/01 PHP
CI框架实现创建自定义类库的方法
2018/12/25 PHP
如何用JavaScript动态呼叫函数(两种方式)
2013/05/03 Javascript
JQuery分别取得每行最后一列和最后一行的示例代码
2013/08/18 Javascript
window.onload和$(function(){})的区别介绍
2013/10/30 Javascript
javascript自定义startWith()和endWith()的两种方法
2013/11/11 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
2014/12/16 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
jquery+css3问卷答题卡翻页动画效果示例
2016/10/26 Javascript
vue双向绑定的简单实现
2016/12/22 Javascript
JS对象深度克隆实例分析
2017/03/16 Javascript
React Native 截屏组件的示例代码
2017/12/06 Javascript
JS原生瀑布流效果实现
2019/04/26 Javascript
Vue实现表格批量审核功能实例代码
2019/05/28 Javascript
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
零基础写python爬虫之使用Scrapy框架编写爬虫
2014/11/07 Python
获取python文件扩展名和文件名方法
2018/02/02 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
Python实现购物评论文本情感分析操作【基于中文文本挖掘库snownlp】
2018/08/07 Python
python字符串Intern机制详解
2019/07/01 Python
使用django实现一个代码发布系统
2019/07/18 Python
浅谈Python类中的self到底是干啥的
2019/11/11 Python
Python3实现配置文件差异对比脚本
2019/11/18 Python
python 两种方法删除空文件夹
2020/09/29 Python
任课老师推荐信范文
2013/11/24 职场文书
高中语文课后反思
2014/04/27 职场文书
建设投标担保书
2014/05/13 职场文书
信息工作经验交流材料
2014/05/28 职场文书
车辆转让协议书
2014/09/24 职场文书
打架检讨书范文
2015/01/27 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
答谢酒会主持词
2015/07/02 职场文书
详解Vue的options
2021/05/15 Vue.js
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js