자바스크립트에서 배열은 어떻게 생성할까요? 오늘은 배열 생성 방법과 요소를 추가 및 삭제하는 방법에 대해 간단히 정리해볼께요!
💡배열(Array)
데이터의 순서가 있는 집합
자바스크립트에서는 아래와 같은 방법으로 배열을 선언할 수 있습니다.
const array01 = new Array();
const array02 = [];또한, 배열안에는 숫자나 문자열, 그리고 객체등 다양한 유형의 값을 추가할 수 있어요!
const oddNum = [1, 3, 5, 7];
const animal = ["Dog", "Rabbit", "Pig"];
const people = [{name : "송우든"},{name : "먹깨비"},{name : "권수염"}];자바스크립트에서 배열의 인덱스는 0 부터 시작합니다.우리는 이러한 배열의 인덱스를 통해 원하는 요소에 접근할 수 있습니다.
console.log(oddNum); // [1, 3, 5, 7]
console.log(oddNum[2]); // 5
console.log(animal[1]); // Rabbit
console.log(people[0]); // 송우든
console.log(people[5]); // undefined!! (잘못된 인덱스 사용!)이 때, 잘못된 인덱스를 사용하지 않게 주의해야겠죠?
배열의 길이를 조회할 때에는 length를 사용합니다.
console.log(oddNum.length) // 출력 : 4💡배열의 추가 및 삭제
배열에 새로운 요소를 추가하거나 삭제할 때에는 어떻게 할까요?
배열에 요소 추가하기
배열에 요소를 추가할 때에는 push 또는 unshift 내장함수를 사용합니다. 이 두 함수의 차이점은 push는 배열의 맨 뒤에 요소를 추가하지만, unshift는 맨 앞에 새로운 요소를 추가한다는 점이에요!
const animal = ["Dog", "Rabbit", "Pig"];
animal.push("Cat","Tiger"); // 하나이상의 요소 추가 가능!
animal.unshift("Monkey");
console.log(animal); // [ 'Monkey', 'Dog', 'Rabbit', 'Pig', 'Cat' ]배열에 요소 제거하기
배열에 요소를 제거할 때에는 pop 또는 shift 함수를 사용합니다. 마찬가지로 pop은 배열의 맨 뒤 요소를 제거한다면, shift는 맨 앞에 요소를 제거합니다.
const animal = ["Dog", "Rabbit", "Pig"];
animal.pop();
console.log(animal); // [ 'Dog', 'Rabbit' ]
animal.shift();
console.log(animal); // [ 'Rabbit' ]
✓ push와 pop을 사용하면 좀 더 빠르게 배열을 조작할 수 있습니다.
다음에는 배열의 여러 내장함수에 대해 다루어 볼 예정입니다:)
참고 자료 및 사이트
개발 기록💻