[Java script] 변수로 맴버 접근하기

obj.woman.name;            //woman에 있는 name 맴버를 반환

obj['woman'].name;        //woman에 있는 name 맴버를 반환

obj['woman']['name'];    //woman에 있는 name 맴버를 반환

obj.woman['name'];        //woman에 있는name 맴버를 반환

// 위의 4개는 다 똑같은 문법이다.

obj.매개;     //X

obj[매개];     //O

obj['name'] != obj[name]    //obj배열에 name 속성의 값을 반환하라 != obj배열에 name값이 가지고 있는 속성의 값을 반환하라

--------------------     예        제 1    ---------------------------------------------------

<script>

var obj = {

'man' : {

'name' : '',

'age' : '',

'act' : function(name, age){

this.name = name;

this.age = age;

}

},

'woman' : {

'name' : '',

'age' : '',

'act' : function(name, age){

this.name = name;

this.age = age;

}

}

};

function info(sex,name,age){

var sexStr = '';

obj[sex].act(name,age);

if ( sex == "man")

{

sexStr = "남자";

}

else if ( sex =="woman" )

{

sexStr = "여자";

}

alert(sexStr + " : " + obj[sex].name + " - " + obj[sex].age);

}

</script>

<input type="button" value="남자" onclick="info('man', 'lee', 23)">

<input type="button" value="여자" onclick="info('woman', 'pack', 123)">

--------------------     예        제 2    ---------------------------------------------------

<script>

function helper__act(name, age)

{

this.name = name;

this.age = age;

}

var obj = {

'man' : {

'name' : '',

'age' : '',

'act' : helper__act

},

'woman' : {

'name' : '',

'age' : '',

'act' : helper__act

},

};

function info(sex,name,age){

var sexStr = '';

obj[sex].act(name,age);

if ( sex == "man")

{

sexStr = "남자";

}

else if ( sex =="woman" )

{

sexStr = "여자";

}

alert(sexStr + " : " + obj[sex].name + " - " + obj[sex].age);

}

</script>

<input type="button" value="남자" onclick="info('man', 'lee', 23)">

<input type="button" value="여자" onclick="info('woman', 'pack', 123)">