Q. 한 권의 도서 정보를 갖고있는 JSON 데이터에서 해당 도서가 속해있는 카테고리를 출력하시오.
[1] : 중첩 데이터
<script>
window.onload = () => {
const book = {
"isbn": "123-456-789",
"author": {
"name": "홍길동",
"email": "hong@hongkildong.com"
},
"editor": {
"name": "이순신",
"email": "lee@leesoonsin.com"
},
"title": "대한민국의 정의는 죽었는가?",
"category": [
"Non-Fiction", "IT", "Politics"
]
}
console.log( book["author"].name ); // 홍길동
console.log( book["editor"].name ); // 이순신
console.log( book["isbn"] );
console.log( book.isbn );
console.log( book["title"] );
console.log( book["category"] );
// 개별 엑세스
let val = "";
val = book.category[1];
document.getElementById("aaa").innerText = val;
// 반복문을 이용한 엑세스 (for)
for( let i=0; i < book.category.length; i++ ) {
//val += book.category[i] + "<br>";
val += `${ book["category"][i] } <br>`;
}
document.getElementById("aaa").innerHTML = val;
// 반복문을 이용한 엑세스 (for .. in)
for( let i in book.category ) {
val += book.category[i] + "<br>";
}
document.getElementById("aaa").innerHTML = val;
// 반복문을 이용한 엑세스 (for .. of)
for( let value of book.category ) {
val += value + "<br>";
}
document.getElementById("aaa").innerHTML = val;
};
'JAVASCRIPT' 카테고리의 다른 글
[js] api를 이용하여 정보 얻어내기 (jquery, json 활용) (0) | 2022.02.05 |
---|---|
[JS] JSON 데이터를 웹페이지로 출력하기 (0) | 2022.01.07 |
[JS] JSON.parse(), JSON.stringify() _객체와 문자열로 변환하기 (0) | 2022.01.07 |
[JS] JSON 데이터를 다루기위한 JS 기본 사용법 (0) | 2022.01.07 |
[JS] JSON 객체 vs JSON 배열 (0) | 2022.01.06 |