js獲取對象,數(shù)組所有屬性鍵值(key)和對應值(value)的方法示例
更新時間：2019年06月19日 11:36:32 作者：longzhoufeng
這篇文章主要介紹了js獲取對象,數(shù)組所有屬性鍵值(key)和對應值(value)的方法,涉及javascript對于對象、數(shù)組鍵名與鍵值遍歷相關操作技巧,需要的朋友可以參考下
本文實例講述了js獲取對象,數(shù)組所有屬性鍵值(key)和對應值(value)的方法。分享給大家供大家參考，具體如下：
<script>
var values=function(object) {
var values = [];
for (var property in object)
values.push(object[property]);
return values;
}
//寫成標準的方法(數(shù)組是object的一種)：
function getObjectKeys(object)
{
var keys = [];
for (var property in object)
keys.push(property);
return keys;
}
function getObjectValues(object)
{
var values = [];
for (var property in object)
values.push(object[property]);
return values;
}
//測試
var slideArray = [
{ "imgsrc1": "a.jpg"},
{ "imgsrc2": "b.jpg"},
{ "imgsrc3": "c.jpg"},
{ "imgsrc4": "d.jpg"},
{ "imgsrc5": "e.jpg"}];
console.log(getObjectKeys(slideArray ))
console.log(getObjectValues(slideArray ))
</script>
運行結果：
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。
PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考：
在線JS常見遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript面向對象入門教程》、《JavaScript數(shù)學運算用法總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript錯誤與調試技巧總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了異步安全加載javascript文件的方法,實例分析了javascript實現(xiàn)文件異步加載的具體技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
javascript數(shù)據(jù)結構與算法之檢索算法
查找數(shù)據(jù)有2種方式，順序查找和二分查找。順序查找適用于元素隨機排列的列表。二分查找適用于元素已排序的列表。二分查找效率更高，但是必須是已經排好序的列表元素集合2015-04-04
layui使用數(shù)據(jù)表格實現(xiàn)購物車功能
這篇文章主要為大家詳細介紹了layui使用數(shù)據(jù)表格實現(xiàn)購物車功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
百度地圖去掉marker覆蓋物或者去掉maker的label文字方法
下面小編就為大家分享一篇百度地圖去掉marker覆蓋物或者去掉maker的label文字方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
ES6引入了Iterator（迭代器）接口,用于順序訪問可迭代對象,Iterator接口提供統(tǒng)一的訪問接口,并通過for...of循環(huán)供消費,本文給大家介紹ES6 迭代器 Iterator使用總結,感興趣的朋友跟隨小編一起看看吧2025-02-02
淺談typescript中keyof與typeof操作符用法
本文主要介紹了typescript中keyof與typeof操作符用法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要為大家詳細介紹了js實現(xiàn)圖片切割功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)滾動條功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-06-06
JavaScript學習小結之被嫌棄的eval函數(shù)和with語句實例詳解
這篇文章主要介紹了JavaScript學習小結之被嫌棄的eval和with實例詳解的相關資料,需要的朋友可以參考下2016-08-08
支持多瀏覽器(IE、Firefox、Opera)剪切板復制函數(shù)_腳本之家修正版
有朋友要剪切板復制函數(shù)，可網(wǎng)上的好多代碼都是不能運行的，各種其它符號，導致了腳本的不可運行，腳本之家站長特整理了下，修正了錯誤。2008-12-12