首頁  >  文章  >  web前端  >  JS遍歷陣列與物件的區別及遞歸遍歷物件、陣列、屬性的方法詳解

JS遍歷陣列與物件的區別及遞歸遍歷物件、陣列、屬性的方法詳解

高洛峰
高洛峰原創
2017-01-14 11:09:212978瀏覽

廢話不多說了,直奔主題,你,具體代碼如下所示:

<script>
 //----------------for用来遍历数组对象--
 var i,myArr = [1,2,3];
 for (var i = 0; i < myArr.length; i++) {
  console.log(i+":"+myArr[i]);
 };
 //---------for-in 用来遍历非数组对象
 var man ={hands:2,legs:2,heads:1};
 //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险
 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]);
  };
 }
 //输出结果为print hands:2,legs:2,heads:1
 for(var i in man) {//不使用过滤
  console.log(i,":",man[i]);
 } 
 //输出结果为
 //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]);
  }
 } //输出结果为print hands:2,legs:2,heads:1 </script>

接下來給大家介紹js 遞歸遍歷對象、數組、屬性

在前端工作時,有時我們需要遍歷一些未知類型的對象。程式碼如下:

//js遍歷物件
function TraversalObject(obj)
{
    for (var a in obj) {
      TraversalObject(obj[a ]); //遞歸遍歷
        }
        else {
             }
}

//遍歷物件中所有Ur的值
function TraversalObject(obj)

{

    for (var a in obj) {

        if(a=="Url")   ) == "object") {
            TraversalObject(obj[a]); //遞歸遍歷

       


更多JS遍歷數組和對象的區別及遞歸遍歷對象、數組、屬性的方法詳解相關文章請關注PHP中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn