JavaScript 따라하기 6일 차 | 객체 { : }

객체란?

 - 객체는 다양한 데이터를 하나의 단위로 묶어서 구성한 자료구조(Data Structure)이다.

 - 자바스크립트는 객체 기반 프로그래밍 언어이며 객체는 자바스크립트의 거의 모든것을 구성한다.

< 사용자 정의 객체 - 정의 방법 >
var 변수명 = {
    키1 : 값1,
    키2 : 값2,
    ...생략...
    키n : 값n
}

객체 예시

// 사용자 정의 객체 - person 객체 정의
// => 객체의 이름(= 변수명)을 person 으로 지정하고
//    중괄호 내부에는 person 객체가 가질 수 있는 속성들을 키:값 의 형태로 명시
var person = {
    name : "이연태", // name 속성에 "이연태" 라는 문자열이 저장
    gender : "남", // gender 속성에 "남" 이라는 문자열이 저장
    age : 20 // age 속성에 20 이라는 정수가 저장
}


// #1. 객체 내의 프로퍼티에 접근하기 위해 키를 사용하여 값에 접근
// < 기본 문법 > 객체명.키
alert("이름 : " + person.name);


// #2. 객체 내의 프로퍼티의 키를 사용하여 값을 변경 또는 추가 
// 2-1. person 객체의 나이(age)를 20 -> 25 로 변경하기
person.age = 25;
alert("나이 : " + person.age); // 25 출력됨


// #2-2. person 객체의 phone 이라는 키를 지정하여 전화번호 추가(기존에 없는 키일 경우)
person.phone = "010-1234-5678"; // phone 이라는 키가 person 객체에 존재하지 않으므로 새로 생성
alert("전화번호 : " + person.phone); // 010-1234-5678 출력됨

// #3. 객체 내에 특정 프로퍼티가 존재하는지 여부 확인
// => in 연산자 사용("프로퍼티명" in 객체명)
// => 확인 결과값으로 true/false 값이 리턴됨
alert("phone" in person); // person 객체 내에 "phone" 이라는 속성 존재 여부 확인(true 출력됨)


// #4. 객체 내의 특정 프로퍼티 삭제
// => delete 연산자 사용(delete 객체명.프로퍼티명)
delete person.phone; // person 객체 내에 "phone" 이라는 속성 삭제
alert("phone" in person); // 삭제되어 존재하지 않는 속성이므로 false 출력됨