JavaScript 객체
기초/JavaScript2021. 6. 23. 21:40
객체(Object)는...
추상적이고 철학적인 개념이긴 하지만 기능 중심으로 생각하면 쉽다~
Object vs Array
배열은 객체와 함께 정보를 정리정돈하는 수납수단이다.
정보를 정리정돈할 때 순서에 따라서이고 배열의 리터럴은 대괄호([]).
배열에서 각각의 정보들은 고유한 식별자가 있고 그 식별자는 숫자이다. → Array
순서가 없이 정보를 저장하는 최적의 수납수단, 리터럴은 중괄호({}).
숫자로 식별자를 주지 않고 이름으로 줄 수 있다. → Object
var members = ["rouie", "effy", "doodoo", "moro"];
console.log(members[2]);
//doodoo 출력
var roles = {
bird: "rouie",
cat: "effy",
human: ["doodoo", "moro"],
};
console.log(roles.bird);
//rouie 출력
하나의 roles에 여러 개의 member를 넣고 싶으면 배열로!
console.log(roles.bird) 대신 console.log(roles["bird"]) 해도 된다.
객체에 담겨 있는 하나씩 꺼내서 반복문으로 처리하는 방법?
var members = ["rouie", "effy", "doodoo", "moro"];
console.log(members[2]);
//doodoo 출력
var i = 0;
while ( i < members.length) {
console.log(members[i]);
i = i + 1;
}
var roles = {
bird: "rouie",
cat: "effy",
human: ["doodoo", "moro"],
};
console.log(roles.bird);
//rouie 출력
for문도 쓸 수 있다.
형식 : for(var {변수} in {반복처리할 객체}){}
for문을 쓸 때 in 앞의 변수에는 반복처리할 객체의 식별자(key)가 들어오도록 되어 있다.
변수의 이름은 크게 상관 없음.
for (var name in roles) {
console.log("object=>", name, "value->", roles[name]);
};
이걸 실행하면
이렇게 나오는것~
'기초 > JavaScript' 카테고리의 다른 글
var, const, let (0) | 2021.09.06 |
---|---|
호출 스택, 이벤트 루프 (0) | 2021.09.02 |
객체 지향 프로그래밍 (0) | 2021.06.23 |