JSON 기본 강의

JSON 배열

JSON 배열은 JavaScript 배열과 유사합니다.

JSON 배열은 값의 순서대로 정렬된 목록을 표시합니다. 문자열, 숫자, 보리어(true/false) 또는 객체를 JSON 배열에 저장할 수 있습니다.

JSON 객체의 배열

배열은 객체 속성의 값일 수 있습니다.

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends": ["Deadpool", "Hulk", "Thanos"]
}

시험해보세요 ‹/›

배열 값 접근

배열의 각 요소의 인덱스를 사용하여 배열 값에 접근할 수 있습니다.

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends": ["Deadpool", "Hulk", "Thanos"]
}
myJSON.friends[2　　//　returns　"Thanos"

시험해보세요 ‹/›

배열 순회

이for-in배열을 순회할 수 있습니다.

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends": ["Deadpool", "Hulk", "Thanos"]
}
for　(let　x　in　myJSON.friends)　{
document.getElementById("output").innerHTML　+=　myJSON.friends[x];
}

시험해보세요 ‹/›

JSON对象中的嵌套数组

在嵌套数组中，另一个数组也可以是一个数组的值。

示例

var　myJSON　=　{
　　"name":"Seagull",
　　"age":22,
　　"friends":　[
　　{　"heroName":　"Deadpool",　"skills":　["Martial　artist",　"Assassin"]　},
　　{　"heroName":　"Hulk",　"skills":　["Superhuman　Speed",　"Superhuman　Strength"]　},　
　　{　"heroName":　"Thanos",　"skills":　["Telepathy",　"Superhuman　senses"]　}
　　]　
}
myJSON.friends[2].heroName;　　//　returns　"Thanos"

시험해보세요 ‹/›

嵌套for-in循环可用于访问数组内部的数组。

示例

for(let　i　in　myJSON.friends)　{
　　　x　+=　""　+　myJSON.friends[i].heroName　+　"";
　　　for(let　j　in　myJSON.friends[i].skills)　{
　　　　　　x　+=　myJSON.friends[i].skills[j]　+　"
";
　　　}
}
document.getElementById("output").innerHTML　=　x;

시험해보세요 ‹/›