기반을 다지자 ES6

Object

Jungsoomin :) 2020. 9. 25. 05:11

자바 스크립트는 Object 기반 언어이다.

 

{}로 시작되며 속성(프로퍼티) , 동작(메서드)를 가진다.

 

 

속성= 값

동작= 함수

 

 

Object의 key 는 자바스크립트 문자열, value 는 모든 자료형이 들어올 수 있다.

object = {
	
    key1 : value,
    
    key1 : function(){}
}

var osClass = {
    name : '운영체제',
    professor : '이동희',
    classno : 5,
    printInfo : function(){
        console.log(this.name +'강의'+this.classno+' 분반입니다. 교수는' + this.professor+' 입니다.')
        }
      }
      
      osClass
      {name: "운영체제", professor: "이동희", classno: 5, printInfo: ƒ}
      
      typeof osClass
      "object"
      
      //() 를 지시하지 않으면 메서드의 정보들만 출력 됨
      osClass.printInfo
     //ƒ (){
        console.log(this.name +'강의'+this.classno+' 분반입니다. 교수는' + this.professor+' 입니다.')}
    
      osClass.printInfo()
      //운영체제강의5 분반입니다. 교수는이동희 입니다.

osClass.students = 50;

osClass
{name: "운영체제", professor: "이동희", classno: 5, students: 50, printInfo: ƒ}

//동적으로 프로퍼티를 만들어 할당시킬 수 있음.

 

프로퍼티 삭제는 delete 연산자로 한다.

delete osClass.students;
true

osClass
{name: "운영체제", professor: "이동희", classno: 5, printInfo: ƒ}
//삭제된 모습

 

프로퍼티 조회는 Object의 keys 메서드로 한다.

Object.keys(osClass);
(4) ["name", "professor", "classno", "printInfo"]

 

for-in 문법으로 객체를 순회할 수도 있다.  forEach 문과 유사하다.

for(key in osClass){
    console.log(key);}
VM2473:2 name
VM2473:2 professor
VM2473:2 classno
VM2473:2 printInfo

'기반을 다지자 ES6' 카테고리의 다른 글

Function Object  (0) 2020.09.25
Constructor Function  (0) 2020.09.25
Function  (0) 2020.09.25
흐름 제어.  (0) 2020.09.25
Operator, String  (0) 2020.09.25