ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 객체 (object)
    Javascript 2020. 3. 26. 09:40

    여러 가지 정보를 담고 싶을 때 여러 개의 변수를 일일이 선언하는 방법 대신에 사용합니다. 

    배열을 사용한다면?

    let user = [
    	'john',
    	'37',
    	'john@gmail.com',
    	'Seoul'
    ];

    각 값이 하나로 묶여있지만 각각의 index가 어떤 정보를 의미하는지 알 수 없습니다. 

    이럴 때 객체를 사용합니다. 

    let user = {			//중괄호(curly bracket)을 이용하여 객체를 만듭니다
    	name: 'john',
    	age: '37',	        //key: value
    	email: 'john@gmail.com',  	//key-value pair는 쉼표로 구분합니다
    	city: 'Seoul'
    };

    객체의 값에 접근하는 방법

    Dot notation

    user.name;	//'John'
    user.city;	//'Seoul'

    Bracket notation

    user['name'];	//'John'
    user['city'];	//'Seoul'
    
    user[city];	//ReferenceError: content is not defined (city를 변수로 인식)
    
    let live = 'city'
    user[live];	//'Seoul'

     

    두 방법의 차이점은 동적인 변수를 Bracket notation에만 사용할 수 있습니다.

     

    dot/bracket notation으로 값을 추가와 제거

    let user = {			  
    	name: 'john',
    	age: '37',		 
    	email: 'john@gmail.com', 
    	city: 'Seoul'
    };
    
    user['job'] = 'artist';
    user.isMale = true;
    
    delete user.name;
    
    //키가 있는지 확인
    'name' in user; //false
    'age' in user;  //true
    

     

     

     

    'Javascript' 카테고리의 다른 글

    배열의 메서드 (array method)  (0) 2020.03.26
    문자열 메서드 (string method)  (0) 2020.03.26
    함수 (function)  (0) 2020.03.26
    반복문(for, while)  (0) 2020.03.25
    배열(array)  (0) 2020.03.25

    댓글

Designed by CHANUL