상세 컨텐츠

본문 제목

JavaScript - 객체 생성 및 값 추가

개발/JavaScript

by 뉴에이스 2018. 12. 3. 18:08

본문

객체는 문자열로 이름을 붙인 값들의 집합이다.

 동적으로 값을 저장 (프로퍼티)
 값을 추가하는 2가지 형태
 - 객체.프로퍼티명 = 값
 - 객체["프로퍼티명"] = 값

소스
"use strict";

// 빈 객체 생성하기
var member = {};
var member = new Object();
console.log("member : ", member);

// 값 추가하기
member.id = "hong";
member["email"] = "hong@gildong.com";

// 프로퍼티 값 꺼내기
console.log("member : ", member);
console.log("member.id : ", member.id);
console.log("member.email : ", member["email"]);
console.log("member.name : ", member.name); // undefined, 객체에 존재하지 않는 프로퍼티 호출시

// member.home - page로 인식되어 오류 발생
// 특수문자등이 있는 경우에는 "." 방식은 불가능, [""] 방식 사용
//member.home-page = "hong.com";
member["home-page"] = "hong.com";

console.log("member : ", member);

결과
member :  {}
member :  { id: 'hong', email: 'hong@gildong.com' }
member.id :  hong
member.email :  hong@gildong.com
member.name :  undefined
member :  { id: 'hong',
  email: 'hong@gildong.com',
  'home-page': 'hong.com' }


관련글 더보기

댓글 영역