[JS] 객체 기초편

2022. 6. 18. 14:05coding tutorial/Java Script

객체 (Object)

 

  • 객체는 내가 원하는 자료형을 구성할 수 있게 해주는 붕어빵 틀과 같다.
  • 기본 형태 : let Object = { key : value , key2 : value }
  • key : value 를 묶어 property라 부름.
  • 객체 내 함수는 'method'라 부름.

객체 기본 형태와 배열과의 차이

 

  • 객체 특정 key에 접근:  점 ( . ) or ['']
    • ex) mumumom.name // 'sander'
    • ex) mumumom['age'] // 29
  • 객체 프로퍼티 추가
    • ex) mumumom.gender = 'Female';
    • ex) mumumom['haircolor'] = 'black';
  • 객체 삭제: 삭제하고 싶은 프로퍼티 앞에 붙여줌
    • ex) delete mumumom.age;
  • object 단축 프로퍼티
    • ex) 
  • object 프로퍼티 존재 여부 확인 : 'key' in 객체명
    • ex) 'birthDay' in mumumom;
    • ex) 'age' in mumumom;
  • 객체를 순회하며 값을 얻는 방법 : for ... in 반복문

객체 프로퍼티를 순회하는 for.. in 문 실습

 

  • 함수를 이용한 객체 생성 1
    • 클래스나 객체를 만들 때는 함수명을 대문자로 시작.
    • 함수로 객체를 생성하여 new 연산자를 이용하여 새로운 변수에 넣어 각각의 객체 생성.
    • 함수 내부에 this 키워드로 생성할 객체를 정확히 지정한 키값을 부를 수 있다.

 

  • 함수를 이용한 객체 생성 2
    • 객체 내 프로퍼티로 특정 기능을 수행하는 메서드(함수)를 쓸 수 있다.
    • new 연산자로 새 객체에 값을 넣어줄 때, 하나의 키워드에 여러 값이 있는 경우 배열[]을 사용할 수 있다.
    • 배열 사용 시 배열 내장 함수인 arr.length()를 사용하여 배열 개수를 반환할 수 있다. ( ex: Obj.key.length )

함수를 이용한 객체 생성 실습1
함수를 이용한 객체 생성 실습 2