자바스크립트, 객체 자료형 예제

자바스크립트, 객체 형 예제

 

글. 수알치 오상문

 

자바스크립트 객체형은 사전(맵) 형태의 자료 구조를 제공한다. 

 

1) 간단한 객체 예제

 

user = {userid: 1, name: "홍길동", email: "hong@myemail.com"};

console.log(user);
console.log(user.userid, user.name, user.email);
console.log(user['userid']);
console.log(user['name'])
console.log(user['email'])

 

[실행 결과]

[object Object] {
  email: "hong@myemail.com",
  name: "홍길동",
  userid: 1
}
1
"홍길동"
"hong@myemail.com"
1
"홍길동"
"hong@myemail.com"

 

2) 객체 배열 예제 

 

users = [{userid: 1, name: "홍길동", email: "hong@myemail.com"},
              {userid: 2, name: "홍길순", email: "hongsun@myemail.com"},
             {userid: 3, name: "홍길길", email: "hgg@myemail.com"}  ];

console.log(users[0].name);
console.log(users[1].name);

 

[실행 결과]

"홍길동"
"홍길순"

 

3) 배열 값이 포함된 객체 예제 

 

users = {1: ["홍길동", "hong@myemail.com"],
              2: ["홍길순", "hongsun@myemail.com"],
              3: ["홍길길", "hgg@myemail.com"] };

console.log(users["1"][0]);

for (key in users) {
  console.log(users[key][1]);
}

 

[실행 결과]

"홍길동"

 

4) 객체에 대한 반복문 처리 1

 

users = {1: ["홍길동", "hong@myemail.com"],
              2: ["홍길순", "hongsun@myemail.com"],
              3: ["홍길길", "hgg@myemail.com"] };

 

for (key in users) {
  console.log(users[key][1]);
}

 

[실행 결과]

"hong@myemail.com"
"hongsun@myemail.com"
"hgg@myemail.com"

      

5) 객체에 대한 반복문 처리 2

 

users = {1: ["홍길동", "hong@myemail.com"],
             2: ["홍길순", "hongsun@myemail.com"],
             3: ["홍길길", "hgg@myemail.com"] };

Object.keys(users).forEach(function(key) { console.log(users[key][1]); })

 

[실행 결과] 

"hong@myemail.com"
"hongsun@myemail.com"
"hgg@myemail.com"