[자바스크립트 js] JSON / parse메소드 / stringify메소드

  JSON

• JavaScript Object Notation의 약자.
• 어떤 정보를 교환할 때 사용하기 위해 만들어진 데이터 포맷.
• 자바스크립트의 언어로 만들어진 데이터 포맷. 그래서 자바스크립트 객체 표기법과 거의 비슷하다.
• 어떤 언어에서도 사용할 수 있다.

 

 

 

 

  'JSON'과 '자바스크립트 객체 표기법'의 차이점

1. JSON에는 프로퍼티의 이름과 값을 표현하는 방식에 제한이 있다.
   - JSON에서는 각 프로퍼티의 이름을 반드시 큰 따옴표(")로 감싸줘야 한다.
   - JSON에서는 값이 문자열인 경우 큰 따옴표(")를 사용해야 한다.
   
   
2. JSON에서는 표현할 수 없는 값들이 있다.
   - undefined, NaN, Infinity 등을 사용할 수 없다.
   
   
3. JSON에는 주석을 추가할 수 없다.

 

 

 

  JSON 데이터를 객체로 변환

JSON은 string 타입이다.

fetch('https://tooktak.com/jsonstudy')
	.then((respose) => respose.text())
    .then((result) => { const users = JSON.parse(result) });

• parse 메소드 : string 타입의 JSON데이터에 표현된 배열을 자바스크립트 배열로 변환할 수 있다.
• stringify 메소드 : 자바스크립트 객체를 string 타입의 JSON데이터로 변환한다.

 

 

fetch('https://tooktak.com/jsonstudy')
	.then((respose) => respose.text())
    .then((result) => { 
    	const users = JSON.parse(result);
        console.log(users.length);
        users.forEach((user) => {
        	console.log(user.name)
        });
    });

이런 식으로 JSON 데이터를 다룰 수 있다.