본문 바로가기
🛠 JavaScript

About Object

by 슬용이 2022. 4. 29.

Object와 Array의 차이

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

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

댓글