JSON
JSON은 자바스크립트의 객체 표기법을 제한하여 만든 텍스트 기반의 데이터 교환 표준이다.
JSON 메서드
자바스크립트에선 아래와 같은 JSON 데이터 처리를 위한 메서드를 제공하고 있다.
JSON.stringify(), JSON.parse(), toJSON()
JSON.stringify() : 인수로 전달받은 자바스크립트의 객체를 문자열로 변환 후 반환한다.
JSON.parse() : 인수로 전달받은 문자열을 자바스크립트의 객체로 변환 후 반환한다.
toJSON() : 자바스크립트 Date 객체의 데이터를 JSON 형식의 문자열로 변환 후 반환한다.
따라서 Date.prototype 객체에서만 사용할 수 있다.
JSON 배열
var personList=[
{name:'박덕팔',age:20,height:170},
{name:'마두식',age:24,height:190},
{name:'김교살',age:26,height:120}
]
//추가할 값을 받기 위한 prompt
var inputName=prompt("name")
var inputAge=prompt("age")
var inputHeight=prompt("height")
//prompt에서 받아온 나이와 키를 숫자로 변환
inputAge=Number(inputAge)
inputHeight=Number(inputHeight)
//JSON 배열에 추가하기 위한 선언
var personObj = {name:inputName,age:inputAge,height:inputHeight}
//JSON 배열에 push
personList.push(personObj)
//JSON 배열을 document에 전체 출력
for(var i=0; i<personList.length; i++){
document.write(personList[i].name,"<br>")
document.write(personList[i].age,"<br>")
document.write(personList[i].height,"<br>")
'공부 > JavaScript' 카테고리의 다른 글
[Jquery] ready, parent 메서드 (0) | 2022.02.17 |
---|---|
[Jquery] css 선택자와 사용 방법 (0) | 2022.02.17 |
[JS] 사용자 정의 객체 (0) | 2022.01.30 |
[JS] 1차원 동적배열 (0) | 2022.01.30 |
[JS] openweathermap api 날씨 아이콘 표시 (0) | 2022.01.24 |