JS遍歷數(shù)組和對象的區(qū)別及遞歸遍歷對象、數(shù)組、屬性的方法詳解
廢話不多說了,直奔主題,你,具體代碼如下所示:
<script>
//----------------for用來遍歷數(shù)組對象--
var i,myArr = [1,2,3];
for (var i = 0; i < myArr.length; i++) {
console.log(i+":"+myArr[i]);
};
//---------for-in 用來遍歷非數(shù)組對象
var man ={hands:2,legs:2,heads:1};
//為所有的對象添加clone方法,即給內(nèi)置原型(object,Array,function)增加原型屬性,該方法很強(qiáng)大,也很危險
if(typeof Object.prototype.clone ==="undefined"){
Object.prototype.clone = function(){};
}
//
for(var i in man){
if (man.hasOwnProperty(i)) { //filter,只輸出man的私有屬性
console.log(i,":",man[i]);
};
}
//輸出結(jié)果為print hands:2,legs:2,heads:1
for(var i in man) {//不使用過濾
console.log(i,":",man[i]);
}
//輸出結(jié)果為
//hands : 2 index.html:20
//legs : 2 index.html:20
//heads : 1 index.html:20
//clone : function (){}
for(var i in man) {
if(Object.prototype.hasOwnProperty.call(man,i)) { //過濾
console.log(i,":",man[i]);
}
} //輸出結(jié)果為print hands:2,legs:2,heads:1 </script>
接下來給大家介紹js 遞歸遍歷對象、數(shù)組、屬性
在前端工作時,有時我們需要遍歷一些未知類型的對象。代碼如下:
//js遍歷對象
function TraversalObject(obj)
{
for (var a in obj) {
if (typeof (obj[a]) == "object") {
TraversalObject(obj[a]); //遞歸遍歷
}
else {
alert(a + "=" + obj[a]);//值就顯示
}
}
}
//遍歷對象中所有Ur的值
function TraversalObject(obj)
{
for (var a in obj) {
if(a=="Url") alert(obj[a]);/ /顯示URL的值
if (typeof (obj[a]) == "object") {
TraversalObject(obj[a]); //遞歸遍歷
}
}
}
這種遍歷方法在對象不規(guī)則但需要獲取相同屬性時起到非常好的作用。
- js中遍歷對象的屬性和值的方法
- Javascript的數(shù)組與字典用法與遍歷對象的技巧
- js中遍歷Map對象的方法
- js 遍歷對象的屬性的代碼
- JS中如何輕松遍歷對象屬性的方式總結(jié)
- js遍歷json對象所有key及根據(jù)動態(tài)key獲取值的方法(必看)
- jquery動態(tài)遍歷Json對象的屬性和值的方法
- js簡單遍歷獲取對象中的屬性值的方法示例
- JS遍歷Json字符串中鍵值對先轉(zhuǎn)成JSON對象再遍歷
- 關(guān)于JavaScript對象類型之Array及Object
- es6 javascript對象Object.values() , Object.entries()示例詳解
- Javascript?Object對象類型使用詳解
- Object的相關(guān)方法 和 js遍歷對象的常用方法總結(jié)
相關(guān)文章
用js實(shí)現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox
用js實(shí)現(xiàn)終止瀏覽器對頁面HTML的繼續(xù)解析即停止解析 兼容firefox...2007-11-11
詳解promise.then,process.nextTick, setTimeout 以及 setImmediate的
這篇文章主要介紹了詳解promise.then,process.nextTick, setTimeout 以及 setImmediate的執(zhí)行順序2018-11-11
使用bootstrap實(shí)現(xiàn)多窗口和拖動效果
這篇文章主要為大家詳細(xì)介紹了使用bootstrap實(shí)現(xiàn)多窗口和拖動效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09
javascript實(shí)現(xiàn)計算指定范圍內(nèi)的質(zhì)數(shù)示例
這篇文章主要介紹了javascript實(shí)現(xiàn)計算指定范圍內(nèi)的質(zhì)數(shù),涉及javascript數(shù)值計算與判斷相關(guān)操作技巧,需要的朋友可以參考下2018-12-12
JavaScript常用8種數(shù)組去重代碼實(shí)例
這篇文章主要介紹了JavaScript常用8種數(shù)組去重代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
JavaScript常見的跨標(biāo)簽頁通信方式總結(jié)
跨標(biāo)簽頁通信是指在瀏覽器中的不同標(biāo)簽頁之間進(jìn)行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家整理了前端常見的跨標(biāo)簽頁通信方式,有需要的小伙伴可以了解下2023-10-10

