JAVASCRIPT 자바스크립트 print_r 함수 - 객체 구조를 HTML로 출력
페이지 정보
조회 227회
작성일 21-07-26 15:34
PHP의 print_r처럼 자바스크립트 객체를 트리 구조의 HTML로 출력해주는 함수 예제다. 객체의 모든 속성을 순회하며, 중첩 객체는 들여쓰기를 적용해 재귀적으로 출력하고 기본형 값은 강조 표시한다. 배열 형태의 객체를 print_r로 변환해 지정한 div에 삽입하는 사용 예시를 보여준다.
<div id='video_related'></div>
<script>
var video_related = [<?php echo $video["video_related"]?>];
function print_r(theObj) {
var retStr = '';
if (typeof theObj == 'object') {
retStr += '<div style="font-family:Tahoma; font-size:7pt;">';
for (var p in theObj) {
if (typeof theObj[p] == 'object') {
retStr += '<div><b>['+p+'] => ' + typeof(theObj) + '</b></div>';
retStr += '<div style="padding-left:25px;">' + print_r(theObj[p]) + '</div>';
} else {
retStr += '<div>['+p+'] => <b>' + theObj[p] + '</b></div>';
}
}
retStr += '</div>';
}
return retStr;
}
var related = print_r(video_related);
$("#video_related").html(related);
</script>- 이전글Linux에서 파일을 압축·분할해 지정 크기로 나누기 (tar + split) 21.08.02
- 다음글그누보드5 짧은주소(rewrite) 사용하기 - Apache 설정 21.06.24