본문 바로가기
언어의 기초/자바스크립트(Javascript)

[Javascaript]배열과 객체

by 지에스정 2020. 4. 8.

배열이란 [] (대괄호) 안에서 나열되어있는 형태를 말한다.

 

배열은 기본적으로

let array = [ 1, 2, alpha, beta];

의 형태를 지닌다.

 

배열의 경우 안에 있는 내용을 Element(요소)라고 하며,

 

각 요소의 위치를 index라고 한다.

 

주의할 점은 index가 1 이 아닌 0 일때 부터 시작한다는 점이다.

array[0] // 1
array[3] // beta

반복문인 for문을 통해서 각 인덱스의 값을 호출할 수 있는데 

 

for(let i = 0; i < array.length; i++){
  console.log(array[i])
}

// 1 , 2, alpha, beta

로 나타낼 수 있다.

 

그리고 array의 빈객체를 나타내고 싶을 때는

array = [] ;

[] === array // false

array.length === 0 // true

빈배열인 [] 로 표시하는 것이 아니라 length를 통해서 설정하여야 한다.

 

왜냐하면 [] 과 할당한 array는 같은 것을 의미하는 것이 아니라 다를 각각의 배열을 뜻하기 때문이다.

 

즉, array가 빈배열로 할당 되었다고 해도 그것은 []과는 다른 빈배열을 가르키는 의미를 나타낸다.

 

또한, 배열인지 아닌지를 찾는 메소드는 typeof가 아닌 Array.isArray를 사용해야 한다.

 

Array.isArray(array) // true

Bloolean값으로 나타낸다.

 

typeof를 사용하게 되면 'object' 로 출력되어 

 

객체와 혼동될 수 있다. 

 

배열은 객체에 해당되는 부분이기 떄문이다.

 

다음은 객체에 대한 설명이다. 

 

객체는 기존 배열만으로 단순 나열하기에는 나타내기 힘든 점을 보안할 수 있다.

 

let obj = { key : value, 1 : alpha, b : Beta}

obj[key] = value

객체는 key와 value값으로 나타내는 특징을 가진다.

 

obj에 해당 key값을 입력하여 value값을 나타낸다고 볼 수 있다.

 

객체의 경우 for ...in 구문으로 각 key에 대한 value값을 호출 할 수 있다.

for(let i in obj){
  console.log(obj[i])
};
// value, alpha, Beta

 

객체 역시 배열과 마찬가지로 정의 된 빈 객체와 {}는 다른 의미를 갖는 다는 것에 유의 해야 한다.

 

객체인지 아닌지 판단하기 위해서는 typeof를 사용 하면 된다.

typeof obj // 'object'

 

여기까지 간단하개 배열과 객체에 대해 알아보았고,

 

다음 포스팅은 메소드에 관해 작성할 예정이다.