본문 바로가기

JavaScript ◡̈/inflearn JavaScript

[WEB2 - JavaScript] 객체

 

 

 

인프런 30강 "객체 쓰기와 읽기"

 

 

 

 

- coworkers 라는 배열에 사전형식으로 데이터 넣어주기 ('key' : 'value') 형식

    - value를 가져오기 위해 "배열명.키" 활용

        - ex) coworkers.programmer

    - 초기에 선언하지 않고 추가도 가능 : 배열명.키 = "값"

        - ex) coworkers.bookkeeper = "duru";

        - 띄어쓰기는 할 수 없기 떄문에 띄어쓰기가 존재하는 경우 다음과 같이 접근하여 추가 혹은 데이터 읽기 가능

            - ex) coworkers["data scientist"] = "taeho"; : 추가할 때

            - ex) coworkers["data scientist"] : 값 불러올 때

 

 

<위의 코드 실행 시 결과 화면>

 

 

 

인프런 31강 "객체와 반복문"

 

 

 

 

- 다음과 같이 반복문 사용하여 key 값 가져오는 것 가능

    - for (var key in 배열명) { ... }

    - 해당 for문 의미

        - coworkers에서의 key 돌아가며 반복문 명령 수행

        - key값을 출력 후 줄바꿈해줌

 

 

출력 화면 통해 for문 이용하여 key 값만 출력 가능한 것 확인 가능

 

 

    - write 내용 조금 수정하여 Create에서 출력한 것처럼 key : value 로 출력하도록 코드 수정

         - 배열명[key] 통해 value값 불러오기 가능

 

 

 

Create 파트와 동일하게 출력된 것 확인 가능

 

 

 

인프런 32강 "객체 프로퍼티와 메소드"

 

 

 

 

이 방법 이용하여 함수 생성 가능

 

- 함수 내에 정의해주면, 다음과 같이 화면에 출력됨

 

 

정말 showAll을 의미하여 마지막 함수까지도 출력해줌
( If문 사용하여 제거 가능)

    - if (showAll이 아닌 경우) write 해라