JS實現(xiàn)從對象獲取對象中單個鍵值的方法示例
更新時間：2019年06月05日 09:39:17 作者：longzhoufeng
這篇文章主要介紹了JS實現(xiàn)從對象獲取對象中單個鍵值的方法,涉及javascript數組對象遍歷、事件監(jiān)聽、處理等相關操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)從對象獲取對象中單個鍵值的方法。分享給大家供大家參考，具體如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>www.dbjr.com.cn 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程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了localStorage實現(xiàn)便簽小程序的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-11-11
對于表格的排序，是很不錯的一個功能，方便用戶快速的分析一些數據。2009-02-02
本文簡單介紹動態(tài)加載、移除、替換js/css文件的示例代碼，代碼簡單易懂，非常不錯，具有參考借鑒加載，需要的朋友參考下吧2018-03-03
這篇文章主要介紹了原生JS中應該禁止出現(xiàn)的寫法，以提高代碼效率和安全性，對效率和安全感興趣的同學，可以參考下2021-05-05
bootstrap學習使用（導航條、下拉菜單、輪播、柵格布局等）
這篇文章主要為大家詳細介紹了bootstrap框架、導航條、下拉菜單、輪播廣告carousel、柵格系統(tǒng)布局、標簽頁tabs等相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
Bootstrap時間選擇器datetimepicker和daterangepicker使用實例解析
這篇文章主要為大家詳細解析了Bootstrap時間選擇器datetimepicker和daterangepicker使用實例,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
不知道你有木有聽說過一個基于Javascript的Web頁面預處理器，叫做AbsurdJS。只是打算寫一個CSS的預處理器，后來擴展到了CSS和HTML，可以用來把Javascript代碼轉成CSS和HTML代碼。當然，由于可以生成HTML代碼，你也可以把它當成一個模板引擎，用于在標記語言中填充數據。2015-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)音量控制拖動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
浮點數轉十六進制的方法有很多，在本文將為大家詳細介紹下js中時如何實現(xiàn)的，下面有個不錯的示例，感興趣的朋友可以參考下，希望對大家有所幫助2013-10-10
這篇文章主要介紹了深入JS繼承，對繼承感興趣的同學，可以參考下2021-05-05