[javascript] 자바스크립트 json push, input value, 값 넣기

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를 추가할 때 예제에서는 두 가지 방식으로 JSON object를 추가하고 있습니다.

1. jons['weight'] = '64kg'

2. jons.height = '184cm'

1번 방식은 [] 안에 키 값을 동적으로 변경하여 추가할 수 있습니다. 키 값을 변경하며 추가할 수 있습니다.

2번 방식은 키 값이 height로 고정되어 height라는 키 값으로만 value를 추가할 수 있습니다.

 두 가지 방식의 차이점을 정확히 이해하시고 사용하시면 javascript에서 JSON object를 다루실 때 더 편하게

사용할 수 있을거 같습니다.

- 관련 링크

- javascript json get value, get key json 키 밸류

- [javascript] javascript 날짜 두자리, 요일 구하기, Date()

- [javascript] 날짜 설정, 날짜 더하기, 빼기