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
복사했습니다!