JavaScript에서 JSON을 객체로 변환

Siddharth Swami 2022년1월15일

JavaScript JavaScript JSON JSON Object

JSON은 데이터를 저장하고 전송하기 위한 가벼운 텍스트 기반 언어입니다. JSON은 객체와 배열인 두 가지 구조화된 유형을 나타냅니다. JavaScript 개체를 기반으로 하며 JavaScript 개체 표기법을 나타냅니다. JSON은 주로 웹과의 데이터 교환에 사용됩니다.

이 튜토리얼은 JSON 문자열을 객체로 안전하게 변환하는 방법을 보여줍니다.

데이터는 숫자 값 또는 날짜와 같은 문자열 형식으로 서버에서 수신됩니다. 따라서 파일을 실행하려면 데이터를 객체로 변경해야 합니다. JavaScript 객체가 되는 데이터를 구문 분석하는 데 사용되는 JavaScript의 JSON.parse()라는 함수가 있습니다. 이 함수는 서버에서 제공한 전체 텍스트를 구문 분석한 다음 개체로 변경합니다.

다음 코드는 JSON.parse() 함수의 사용을 보여줍니다.

<!DOCTYPE html>
<html>
<body>
<p id="example"></p>

<script>
const text = '{"name":"ram", "age":22, "city":"New Delhi"}'
const object = JSON.parse(text);
document.getElementById("example").innerHTML = object.name + ", " + object.age;
</script>

</body>
</html>

출력:

ram, 22

위의 예에서 우리는 이름과 사람이 사는 도시로 구성된 JSON 텍스트를 가지고 있으며, 이를 위한 객체를 만들어 구문 분석합니다. 그런 다음 getElementById() 함수를 사용하여 필요한 값을 얻을 수 있습니다.

JSON.parse()를 사용하는 또 다른 방법은 JavaScript에서 let() 함수를 사용하는 것입니다. 여기에서 먼저 변수에 할당한 다음 구문 분석하지 않고 텍스트를 직접 구문 분석할 수 있습니다.

다음 코드를 참조하십시오.

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
let json_Object = JSON.parse('{"name":"ram", "age":22, "city":"New Delhi"}');
document.getElementById("example").innerHTML = json_Object.name + ", " + json_Object.age;

</script>
</body>
</html>

출력:

ram, 22

JSON에서는 날짜 개체가 허용되지 않습니다. 따라서 JSON에서 문자열로 작성한 다음 Date() 함수를 사용하여 날짜 객체로 다시 변환해야 합니다.

예를 들어,

<!DOCTYPE html>
<html>
<body>

<p id="example"></p>

<script>
    
const text1 = '{"name":"ram", "birth":"2000-03-05", "city":"New Delhi"}';
const object = JSON.parse(text1);
object.birth = new Date(object.birth);
document.getElementById("example").innerHTML = object.birth; 
</script>

</body>
</html>

출력:

Sun Mar 05 2000 05:30:00 GMT+0530(India Standard Time)

JavaScript에서 JSON을 객체로 변환

관련 문장 - JavaScript JSON

관련 문장 - JSON Object