• 티스토리 홈
  • 프로필사진
    슬용이
  • 방명록
  • 글 작성
슬용이
  • 프로필사진
    슬용이
    • 분류 전체보기 (43)
      • 생각한 것 (1)
      • 참여한 것 (2)
      • 읽은 것 (0)
      • Side Project (0)
      • Code Practice (4)
      • JavaScript (8)
      • HTML & CSS (12)
      • React (8)
      • 그 외 (8)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
# Home
# 공지사항
#
# 태그
# 검색결과
# 방명록
  • About Object
    2022년 04월 29일
    • 슬용이
    • 작성자
    • 2022.04.29.:26

    Object와 Array의 차이

    object와 array의 가장 큰 차이점은 우리가 원하는 것을 찾고자 할 때,

    object에서의 value 순서는 문제가 되지 않지만 array에서는 순서가 매우 중요하다는 점이다.

    접근 방법이 다르기 때문인데, array에서는 number를 이용해서 접근하기 때문이다.

     

    그렇기에 순차적인 데이터는 array를 쓰고, 그렇지 않은 데이터는 object를 쓰는 것이 좋다.

    또한, 데이터를 접근할 때 보통 이름을 통해 찾는데 object는 기본적으로 name 기반이라는 장점이 있다.

     


     

    retrieve : 무언가를 찾아서 가져다 놓다.

     


    Object 사용 방법

    console.log(seulgi.lastName);

    괄호 안에는 (object. property) 순으로 쓰여진다.

    . 은 연산자Operator의 역할을 한다.

     


    [ ] Bracket Notation ?

    [ ] 을 활용하여 object를 쓸 수도 있다.

    [ ] 안에는 문자열String 외에도, 연산자를 통한 계산이 가능하다.

    기본적으로 연산자를 이용한 것도 하나의 표현이라는 것을 꼭 기억하도록 하자.

    어떤 가치를 만들어 내는 것이면 무엇이든지 [ ] 안에 넣을 수 있다.

    console.log(seulgi['lastName']);
    

    앞서 적어놓은 console.log(seulgi.lastName); 와 동일한 값으로 콘솔에 찍힌 것을 볼 수 있다.

     


    [ ] Bracket Notation의 활용

    const nameKey = 'Name';
    console.log(seulgi['first' + nameKey]); // firstName 값이 출력 됨
    console.log(seulgi['last' + nameKey]); // lastName 값이 출력 됨
    

    [ ] 안에는 어떤 것이든 쓸 수 있다!

    console.log(seulgi.'last' + nameKey);
    // 이런 식으로 쓰면 오류가 나는 것을 볼 수 있다.

    [ ] 이 아닌 일반적인 . 를 사용하면 SyntaxError가 발생한다.

     

     


     

    'JavaScript' 카테고리의 다른 글

    JavaScript를 이용한 로그인 버튼 활성화  (0) 2022.05.05
    About Class  (0) 2022.05.02
    생활코딩 WEB2 - JavaScript (2)  (0) 2022.01.21
    JavaScript - function  (0) 2022.01.16
    JavaScript - for  (0) 2022.01.15
    다음글
    다음 글이 없습니다.
    이전글
    이전 글이 없습니다.
    댓글
조회된 결과가 없습니다.
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
목차
표시할 목차가 없습니다.
    • 안녕하세요
    • 감사해요
    • 잘있어요

    티스토리툴바