다양한 언어들을 배우면서, 언어마다 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];