자바스크립트 배열 기본

이성훈·2024년 7월 25일

Javascript

목록 보기
1/11

선언

// 배열 선언하기
let arr1 = new Array(); // []
let arr2 = new Array(10); // [ <10 empty items> ]
let arr3 = []; // []
let arr4 = new Array(1, 2, 3, 4, 'hello', 'world'); // [ 1, 2, 3, 4, 'hello', 'world' ]
let arr5 = [1, 2, 3, 4, 'hello', 'world']; // [ 1, 2, 3, 4, 'hello', 'world' ]

추가

let arr1 = new Array(); // []
arr1.push(0, 1); // [ 0, 1 ]
arr1[arr1.length] = 2; //[ 0, 1, 2 ]
arr1[5] = 4; // [ 0, 1, 2, <2 empty items>, 4 ]  empty items 요소들은 undefined임
arr1.unshift("new"); // 배열의 선두 요소로 추가하고 변경된 length 프로퍼티를 반환한다. 원본 배열을 직접 변경하는 부수 효과가 있기 때문에 스프레드 문법을 사용하는 편이 더 효율적이다.
arr1 = ["new", ...arr1];
arr1.push("new"); // 배열의 끝에 추가 - 성능 좋지 않다. 배열 마지막에 요소를 직접 추가하는 방법이 더 효율적이다.

삭제

//배열이 비어있더라도 동작을 안 할 뿐, 오류는 나지 않는다.
delete arr1[0]; // arr1 배열의 0번 인덱스를 undefined로 처리, 배열 크기는 유지된다.
var val = arr1.pop() // arr1 배열의 마지막 요소를 삭제 및 반환한다. 배열 크기가 1 줄어든다.
var val = arr1.shift() // arr1 배열의 첫 번째 요소를 삭제하고 변경된 length를 반환한다. 배열 크기가 1 줄어든다.

Splice

let arr1 = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9);
let val = arr1.splice(2, 3, 100, 100, 100, 100); 
// 지운 요소들을 반환해 val에 배열로 저장 가능
// 2번 인덱스부터 3개를 지우고 100, 100, 100, 100을 넣는다
// [0, 1, 100, 100, 100, 100, 5, 6, 7, 8, 9]

참고 블로그
https://offbyone.tistory.com/133 - 배열 메소드 정리 표

profile
프론트엔드 정리

0개의 댓글