- About Object2022년 04월 29일
- 슬용이
- 작성자
- 2022.04.29.오전10: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일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)