컬쳐N라이프

javascript json object에 key와 value를 다루는 방법을 알아보겠습니다.

json은 key와 value를 한 쌍으로 이루어져 있고 특정 key를 이용하여 value 값을 가져올 수 있습니다.

이번에는 JSON object에 key와 value를 생성하여 추가하는 방법에 대해 알아보겠습니다.

- html

<span id="singleJSON"></span>
<button id="add">추가</button>

- javascript

var json = {
  name: 'John',
  age: 25,
  gender: 'boy'
};

$('#singleJSON').append(JSON.stringify(json));

$('#add').off('click').on('click', function() {
  json['weight'] = '64kg';
  json.height = '184cm';
  $('#singleJSON').append(JSON.stringify(json));
});

예제보기

자바스크립트 json object의 key와 value를 다루는 방법을 알아보겠습니다.

1. JSON 이란?

JSON(JavaScript Object Notation)의 약자로 key와 value를 한 쌍으로 이루어져 있고 특정 key를 이용하여 value 값을 가져올 수 있는 개방형 표준입니다.

JSON은 텍스트로 이루어져 있으므로, 사람과 기계 모두 읽고 쓰기 쉽다.

프로그래밍 언어와 플랫폼에 독립적이므로, 서로 다른 시스템간에 객체를 교환하기에 좋다.

순서가 없는 이름/값 쌍의 집합으로, 이름(키)이 문자열이다.

2. JSON 형식

let object1 = {

    name:'John', 

    age:25, 

    gender:'boy',

    hobby: ['운동', '영화감상']

}

3. JSON 값 추출

console.log(object1.name);
// expected output: John

console.log(object1['name']);
// expected output: John

4. 예제보기

5. 관련링크