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