[JavaScript] 배열(Array) 한 번에 정리!!

다양한 언어들을 배우면서, 언어마다 Array(배열) 사용법이 헷갈리기 시작했습니다....😥

그래서 오늘은 JavaScript의 Array 사용법을 한 번 정리해보려 합니다!!

---

🤔 Array는 무엇일까

Array(배열)는 '서로 관련된 같은 자료형의 데이터를 저장하기 위한 연속된 객체'라고 할 수 있습니다.

 

서로 관련된 데이터를 변수로 여러 개 만들게 되면 그 변수들을 불러올 때 변수 이름을 가지고 하나씩 불러서 사용해야 하지만,

배열로 그 데이터들을 묶어 사용하면 변수 이름이 아닌 인덱스로 쉽게 불러 사용할 수 있습니다.

 

하지만!? JavaScript에서는 다른 자료형을 한 배열에 넣을 수 있음을 주의해야 합니다.

JavaScript는 아주아주 유연한 언어이기 때문에 가능한 것입니다.

 

대다수의 언어에서는 배열에 같은 형의 자료를 저장한답니다 :)

---

🔧 Array 생성하는 2가지 방법

JavaScript에서는 리터럴 대괄호[ ]와 Array 생성자 메서드를 사용해 Array를 생성합니다!

 

1. 배열 리터럴 대괄호([ ])를 이용

let arr1 = [];

 

초기화를 바로 할 수 있고!

let arr2 = ['일','이','삼'];

 

쉼표 개수대로 배열 길이가 정해집니다.

let arr3 = [,,,]

 

2. Array() 메서드 이용

let arr4 = new Array();

 

초기화 바로 할 수 있고!!

let arr5 = new Array('화','요','일');

 

원소가 한 개의 숫자인 경우, 그 숫자만큼의 길이를 가진 배열이 생성됩니다.

let arr6 = new Array(3);
console.log(arr6.length); // 3

 

🔧 배열 원소 추가하고 삭제하는 방법

1. = 연산자 이용해 대입하기

let arr = [];

arr[0] = 'h';
arr[1] = 'i';

 

2. push(), pop(), unshift(), shift() 메서드 사용하기

• push() 는 제일 마지막 공간에 새로운 값을 넣고, 그 배열의 길이를 반환하는 메서드입니다.
• pop() 은 제일 마지막 요소를 제거한 후, 그 요소를 반환하는 메서드입니다.
• unshift() 는 제일 첫 번째 공간에 새로운 값을 넣고, 그 배열의 길이를 반환하는 메서드입니다.
• shift() 는 제일 첫 번째 요소를 제거한 후, 그 요소를 반환하는 메서드입니다.

let arr = [];

arr.push(4); // 1 반환 (새로운 배열 길이)
arr.push(5); // 2 반환
arr.push(17); // 3 반환
// arr = [4, 5, 17]

arr.pop(); // 17 반환
// arr = [4, 5]

arr.unshift('new'); // 3 반환 (새로운 배열 길이)
// arr = ['new', 4, 5]

arr.shift(); // 'new' 반환
// arr = [4, 5];