[JS] 오브젝트(Object) Key, Value에 접근하기

 

 

 

 

 

1. 다양한 방법으로 객체 생성

//객체 리터럴을 이용해 객체 생성과 동시에 프로퍼티 설정
var person = {
    name : 'Lee',
    age : 28,
    print : function(){
    	console.log('name : ' + name + ', age : ' + age);
    }
}


//객체 생성 후 프로퍼티 추가(1)
var person = {}; // var person = new Object();
person.name = 'Lee';
person.age = 28;


//객체 생성 후 프로퍼티 추가(2)
person["name"] = 'Lee';
person["age"] = 28;


//객체의 Key값을 동적으로 생성
var keyArr = ['One', 'Two'];
var personArr = [{name:'Lee',age:28}, {name:'Kim', age:30}];
for(var i=0; i<keyArr.length; i++){
  var key = keyArr[i];
  person[key] = personArr[i];
}


//함수를 이용한 객체 생성
function Person(name, age){
	this.name = name;
    this.age = age;
}
var person = new Person('홍길동', 29);

 

2. for in 을 이용한 객체 접근

// Json 객체
var jsonObj  = {
 one : {name : 'Kim', age : 30},
 two : {name : 'Lee', age : 28},
 three : {name : 'Park', age : 26}
}


// 변수를 통해 접근
var variable = 'one';  
var obj = jsonObj[variable];
console.log(obj.name + ": " + obj.age); 
// Kim: 30 


// for in 을 통해 key 접근
for(var key in jsonObj){
  var obj = jsonObj[key]; 
  console.log(key + ": " + obj.name + "is " + obj.age + " years old");  
  // one: Kim is 30 years old
  // two: Lee is 28  years old
  // three: Park is 26  years old
}


// key의 length
var objKeyArr = Object.keys(jsonObj);
console.log('length : ' + objKeyArr.length); 
// 3

 

 

3. for in 을 이용한 value 변경

// Json 객체
var jsonObj  = {
 { name1 : 'Kim', name2 : 'Lee', name3 : 'Park', age1: 30, age2: 28, age3: 26 }
}

// for in을 이용한 value 변경
for(var key in jsonObj){
    if(key == "name1" || key == "name2"){
        for(var value in obj){
            obj[value] = "Changed"
        }
   }
}
console.log(jsonObj)
// { name1: "Changed", name2: "Changed", name3: "Park", age1: "30", age2: "28", age3: "26" }

 

 

 

 

 

 

 

 

 

#참고사이트

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object