웹 개발에서 "서버가 반환한 json 개체"를 "기존 페이지의 dom 요소"에 바인딩해야 하는 경우 기존 할당 방법은 너무 번거롭고 작성하기 피곤합니다(특히 json 개체는 매우 Large ) 그래서 다음과 같은 게으른 방법을 생각해 냈는데 전제 조건이 두 가지가 있습니다. 1. 요소의 ID는 json 객체의 속성 이름과 일치해야 합니다2. json 객체의 속성 이름을 반복하지 않는 것이 가장 좋습니다 코드 복사 코드는 다음과 같습니다. json 객체 순회 데모<br>var obj = {a:'a1',b :'b1',c:{ c1:'c1'},d:1,e:true,f:new 날짜("2012/12/24")}; <p>//showJsonProperty(obj);<br>/*<br>function showJsonProperty(jsonObj){<br> for(var o in jsonObj){ <br> Alert("속성 이름: " o.toString() ", 값: " jsonObj[o].toString() ", 유형: " typeof(jsonObj[o]) <br> if (typeof(jsonObj[o])=="object")<br> {<br> showJsonProperty(jsonObj[o]);<br> } <br> }<br>}<br>*/</p> <p>functionbindJson(jsonObj){<br> for(var o in jsonObj){ <br> var domObj = document.getElementById(o.toString());<br> if(domObj!=undefine){<br> domObj.value=jsonObj[o].toString();<br> } <br> if (typeof(jsonObj[o])=="object")<br> {<br>bindJson(jsonObj[o]) ;<br> } <br> }<br>}<br>functionbindData(){ <br>bindJson(obj);<br>}<br><br> 입력{width:80px;height:18px;margin:0 10px 0 0;border:1px #999 solid}<br> input:hover{border:1px #ff0000 solid}<br> 입력[유형=버튼]{배경색상:#efefef;높이:22px;}<br> a: b: c.c1: d: e: f : < ;/div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
