[JavaScript] 자바스크립트 배열(Array) 정의하기

044_자바스크립트 배열(Array) 정의하기

[적용]

• 배열을 정의하고 싶을 때
• 배열 데이터의 값을 가져오고 싶을 때

---

[문법]

구문	의미
[ ]	배열 정의
배열[인덱스]	배열 요소 데이터의 값 가져오기

---

[내용]

배열은 자바스크립트의 기본 테이터 타입 중 하나로, 다수의 문자열과 유저 데이터 등 복수의 데이터를 다룰 떄 사용한다. [] 안에 데이터를 입력하며, 타입에 상관없이 사용이 가능하다.

const array1 = [];  // 빈 배열

const array2 = [0, 1, 9];  // '0', '1', '9'가 들어 있는 데이터 타입

cost array3 = ['곰', '여우'];  // '곰', '여우'가 들어 있는 데이터 타입

const array4 = [1, '곰', false];  // '1', '곰', 'false'가 들어 있는 데이터 타입
console.log(array4);  // 콘솔에 [1, '곰', 'false'] 출력

 

배열 내 다른 배열을 저장하거나 객체를 저장할 수도 있다.

// [1, 1, 1], [2, 2, 2]가 들어있는 데이터 타입
const array5 = [[1, 1, 1], [2, 2, 2]];

// 두 개의 객체가 들어 있는 데이터 타입
const array6 = [{ id: 1, name: '곰' }, { id: 2, name: '여우' }];

 

console.log()의 인수에 배열을 넣으면 배열 데이터를 콘솔 로그에 출력할 수 있다.

const array = [1, 2, 3];
console.log(array);

실행결과

 

배열의 데이터는 순서대로 0, 1, 2...의 인덱스를 가지며, 배열명[인덱스]로 데이터를 지정하여 사용할 수 있다.

const array7 = ['곰', '여우'];  // '곰', '여우'가 들어있는 데이터 타입
console.log(array7[0]);  // 결과: '곰'
console.log(array7[1]);  // 결과: '여우'

 

---

[Appendix]

new Array()를 사용한 배열의 초기회

배열의 정의는 [] 이외에도 new Array()를 사용할 수 있다.

const array8 = new Array('노는', '아빠');
// '곰', '여우'가 들어 있는 데이터 타입
console.log(array8[0]);  // 결과: 노는
console.log(array8[1]);  // 결과: 아빠

 

인수가 하나의 숫자인 경우 넣을 수 있는 배열 데이터의 수가 바로 결정되어 버린다.

const array9 = new Array(10);  // 10개의 데이터를 넣을 수 있는 배열
array8[0] = '곰';

현재는 주로 []을 사용하여 배열을 정의하는 추세다.

---

[JavaScript] 자바스크립트에서 배열을 만드는 방법 Array, Object

[JavaScript] 자바스크립트에서 배열을 만드는 방법 Array, Object

---

[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

[JavaScript] 배열(array) 생성, 추가, 삭제_new, push(), pop()...

 

---

 

 

 

 

 

 

 

참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김