JavaScript 객체

기초/JavaScript|2021. 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