트래버스 개체 트리 및 인쇄 속성

Question

개체 트리를 탐색하고 중첩 속성을 포함하여 개체의 모든 속성을 재귀를 사용하여 인쇄하려고합니다. 여기 내 코드가 있지만 그것은 루프에 갇혀 있으며 내가 무엇을 놓치고 있는지 모르겠습니다.

var data = { 
    person: { 
    firstName: 'Mary' 
    }, 
    color: 'blue' 
}; 

function walk(root) { 
    for(var i in root) { 
    if(root.hasOwnProperty(i)) { 
     console.log(i); 
     if (root[i] !== null && root[i] !== undefined && typeof(root[i] == 'object')) { 
     walk(root[i]); 
     }  
    } 
    } 
} 

walk(data); 

Answer 1

참고이 용액 중첩 배열을 횡단하도록 업데이트되었습니다.

이 문제에 대한 폐쇄를 원한다. 그래서 나는 그것을 풀기 위해 약간의 시간을 보냈다. 심지어 당신은 그의 디버깅 도구로 지금도 놀고있을 수있다.

이 문제에 대한 나의 접근 방식은 instanceof API를 사용하여 해결했습니다.
참조 :
https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Operators/instanceof

내가

1. root.hasOwnProperty(i)
2. if (root[i] !== null && root[i] !== undefined && typeof(root[i] == 'object'))

처럼 그 긴 호흡 검사를 할 여분의 코드에 넣어하지 않아도 그런 식으로 예 :

var data = { 
    person: { 
    firstName: 'Mary', 
    likes: { 
     food: "apple", 
     drinks: "water", 
     d: null, 
     x : { 
     y: "z", 
     ddd: [ 
      { bbb: "lol"}, 
      { PPP: "lol2"} 
     ] 
     }, 
     o: undefined 
    } 
    }, 
    color: 'blue' 
}; 

function walk(root) { 
    for (let property in root) { 
    console.log(property); 
    if (root[property] instanceof Array) 
     root[property].forEach(item => { walk(item); }); 
    else if (root[property] instanceof Object) 
     walk(root[property]); 
    // Extend else if statement to handle customize structures appropriately. 
    } 
} 

walk(data); 

출력 :

person 
firstName 
likes 
food 
drinks 
d 
x 
y 
ddd 
e 
bbb 
PPP 
o 
color