JS实现从对象获取对象中单个键值的方法示例
更新时间：2019年06月05日 09:39:17 作者：longzhoufeng
这篇文章主要介绍了JS实现从对象获取对象中单个键值的方法,涉及javascript数组对象遍历、事件监听、处理等相关操作技巧,需要的朋友可以参考下
本文实例讲述了JS实现从对象获取对象中单个键值的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.jb51.net 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>
运行结果：
感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。
更多关于JavaScript相关内容还可查看本站专题：《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript错误与调试技巧总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关文章
这篇文章主要介绍了微信小程序云开发修改云数据库中的数据方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
这篇文章主要介绍了JavaScript隐式类型转换例子总结,熟练掌握类型转换，理解其中的规律。可以让你的代码更简洁更安全,下文围绕主题JS隐式转换,需要的朋友可以参考一下2022-08-08
[红色]教学演示-UBB,剪贴板,textRange及其他...2006-11-11
本篇文章主要是对JS操作Array数组的方法及属性进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
这篇文章主要介绍了纯JS开发baguetteBox.js响应式画廊插件,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-06-06
下面小编就为大家带来一篇基于require.js的使用(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
这篇文章主要为大家详细介绍了countUp.js实现数字动态变化效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
JavaScript中的函数本质上是一个对象，我们可以将这个对象赋值给一个变量，这就使JavaScript中的函数变得非常的灵活，现在就来浅看一下JavaScript中函数的一些用法,需要的朋友可以参考下2022-06-06
这篇文章主要介绍了基于JS开发微信网页录音功能的实例代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2019-04-04
这篇文章主要介绍了JavaScript数组特性与实践应用,较为深入而详细的分析了javascript数组的功能、属性、使用方法及操作注意事项,需要的朋友可以参考下2018-12-12
最新评论