[Javascript] 자바스크립트(JS) 객체(Object)에 key,Value 추가하기

 

 

자바스크립트(Javascript) 객체(Object)에 프로퍼티 추가하기

자바스크립트(Javascript)에서 배열(Array)에 추가할 때에는 Push() 함수를 사용하여 추가를 할 수가 있었습니다. 객체(Object)에는 어떻게 추가를 하는지 알아보겠습니다. 일단은 프로퍼티를 추가할 때에는 Key 값이 있어야 하고 Key에 따른 Value 값이 있어야 합니다. 프로퍼티 추가할 때에 여러 방법이 있으니 하나씩 알아보도록 하겠습니다.

 

//객체에 프로퍼티 추가방법

//1.객체 생성후 프로퍼티 추가하는 첫번째 방법
let TestData = new Object();
TestData.age = 32;
TestData.name = "빨강소";

//2.객체 생성후 프로퍼티 추가하는 두번째 방법
let TestObject = new Object();
TestObject['age'] = 32;
TestObject['name'] = "빨강소";

//3.객체의 Key값을 동적으로 생상하여 프로퍼티 추가하는 방법
let TestArrayList = new Object();
let keyArrayList = ['test1', 'test2'];
let valArrayList = [{age:32, name:'빨강소'}, {age:28, name:'코알라'}, {age:21, name:'사오정'}];

for(var i=0; i<keyArrayList.length; i++){
	let key = keyArrayList[i];
    TestArrayList[key] = valArrayList[i];
}

 

이렇게 객체에 프로퍼트릴 추가한 뒤에 객체에 저장된 값의 개수를 확인 또한 가능합니다.

//객체(Object)의 프로퍼티 개수 알아보기
let TestObject = new Object();
TestObject['age'] = 32;
TestObject['name'] = "빨강소";

let dataObject = Object.keys(TestObject);   
console.log('결과 개수 : ' + dataObject.length);


===============================================
결과 개수 :  2