JSON (자바스크립트 객체 표기법 )은 데이터를 공유하는 편리한 방법입니다. 사람과 컴퓨터 모두 이해하기 쉽습니다. JavaScript에서 JSON은 데이터를 간단한 개체로 구성하는 데 도움이 됩니다. JSON의 작동 방식과 JSON이 정보 교환에 왜 그렇게 유용한지 살펴보겠습니다.

JSON 객체 구문:

const jsonData = { 'key1' : 'value1', ... };>

JavaScript JSON 개체 예

예시 1: 다음은 간단한 JSON 객체를 생성하는 예입니다.

자바 배열에 추가하기

const person = {  'name': 'John',  'age': 30,  'city': 'New York' };>

설명:

• { }>– 중괄호는 객체를 정의합니다.
• 'name'>,'age'>,'city' ->이것이 객체의 키(속성)입니다. 키는 항상 문자열입니다.
• 'John'>,30>,'New York' ->이는 각 키와 연관된 해당 값입니다.
• : ->콜론(:)은 키와 값을 구분합니다.
• , ->쉼표(,)는 객체 내에서 서로 다른 키-값 쌍을 구분합니다.

2. JSON 객체 값에 접근하기

• 객체 값은 점(.) 표기법을 사용하여 액세스할 수 있습니다.
• 또한 대괄호([]) 표기법을 사용하여 객체에 액세스할 수도 있습니다.

예: 아래 프로그램에서는 . 표기법.

let myOrder, i; // Object is created with name myOrder myOrder = {  'name_of_the_product': 'Earbuds',  'cost': '799',  'warranty': '1 year ' }; // Accessing for particular detail // from object myOrder i = myOrder.name_of_the_product; // It prints the detail of name // of the product console.log(i);>

Earbuds>

설명: JavaScript 코드는 제품 이름, 비용, 보증과 같은 속성을 포함하는 'myOrder' 개체를 정의합니다. 제품 이름에 액세스하여 'i'에 할당합니다. 마지막으로 제품 이름 Earbuds를 콘솔에 기록합니다.

3. JSON 객체를 통한 반복

루핑은 두 가지 방법으로 수행할 수 있습니다.

• for-in 루프 속성을 사용하여 객체를 반복할 수 있습니다.
• 객체를 반복하려면 for-in 루프 속성에 대괄호([])를 사용할 수도 있습니다.

예: 아래 예에서는 대괄호[] 표기법을 사용하여 반복 객체에 액세스하고 있습니다.

let myOrder, a; myOrder = {  'name_of_product': 'earbuds',  'cost': '799',  'warranty': '1 year' }; for (a in myOrder) {  // Accessing object in looping  // using bracket notation  console.log(myOrder[a]); }>

earbuds 799 1 year>

설명: 이 코드는 제품 세부정보로 'myOrder' 개체를 초기화합니다. 'for-in' 루프를 사용하여 각 속성을 반복합니다. 루프 내에서 대괄호 표기법을 사용하여 각 속성 값에 액세스하고 이를 콘솔에 기록합니다. 그러면 이어버드의 값인 799와 1년이 인쇄됩니다.

4. JSON 텍스트를 JavaScript 개체로 변환

JSON 텍스트를 JavaScript 객체로 변환하려면 다음을 사용할 수 있습니다. JSON.parse()>방법 .

자바가 현재 날짜를 가져오는 중

예: 이 예에서는 JSON을 JavaSctipt 개체로 변환합니다.

const jsonString = '{'name': 'John', 'age': 30}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // Output: John console.log(jsonObject.age); // Output: 30>

John 30>

설명:

• JSON.parse()>JSON 문자열을 구문 분석하여 문자열로 설명되는 JavaScript 값 또는 개체를 구성합니다.
• 예제에서는jsonString>JSON 형식의 문자열입니다.
• JSON.parse(jsonString)>JSON 문자열을 변수에 저장되는 JavaScript 개체로 변환합니다.jsonObject>.
• JavaScript 개체의 속성에 액세스할 수 있습니다.jsonObject>다른 JavaScript 객체와 같습니다.