반응형
● JavaScript 배열에 값 추가
○ arr.push(추가할 값)
- 추가할 값이 배열에 마지막에 삽입됩니다.
let arr = [1,2,3];
// push : 배열 마지막에 값 추가
arr.push(4);
arr => [1,2,3,4];
○ arr[arr.length] = (추가할 값)
- 추가할 값이 배열에 마지막에 삽입됩니다.
let arr = [1,2,3];
arr[arr.length] = 4; // 배열.length => 배열의 길이
arr => [1, 2, 3, 4]
● JavaScript 배열에 값 바꾸기(교환)
○ arr[특정인덱스] = 값
- 특정 인덱스(0부터 시작)에 값을 삽입하면, 해당 인덱스에 있던 값과 교환됩니다.
let arr = [1,2,3];
arr[1] = 5;
arr => [1,5,3];
● JavaScript 배열에 값 삭제(첫 번째 값 삭제)
○ arr.shift()
- 배열의 첫번째 원소를 삭제합니다.
let arr = ['a', 'b', 'c'];
// 배열의 첫번째 값 삭제
arr.shift();
arr => ['b','c']
● JavaScript 배열에 값 삭제(마지막 값 삭제)
○ arr.pop()
- 배열의 마지막 원소를 삭제합니다.
let arr = ['a', 'b', 'c', 'd'];
// 배열의 뒤에서 삭제하기
arr.pop();
arr => ['a','b','c']
○ arr.length = '원하는 인덱스 위치 + 1'
- 길이가 4인 배열에서 뒤에 두 개의 원소를 삭제하고자 할 때,
배열의 길이(length)를 2로 해준다면 마지막 2개의 원소가 삭제됩니다.
let arr = ['a', 'b', 'c', 'd'];
// 배열의 뒤에서 삭제하기
arr.length = 2;
arr => ['a','b']
● JavaScript 배열에 값 삭제(특정 인덱스)
○ arr.splice(삭제하고픈 인덱스)
- 삭제하고자 하는 인덱스 번호를 첫번째 인자로 괄호안에 넣어줍니다.
해당 인덱스부터 몇개까지 삭제할지 두 번째 인자로 적어줍니다,
let arr = ['a', 'b', 'c', 'd'];
// index 1, index 2 삭제
arr.splice(1, 2);
arr => ['a','d']
● JavaScript 배열에 값 삭제(특정 값)
○ arr.splice()와 반복문 활용
- 반복문을 사용하여 배열 원소에 접근해 삭제하고자 하는 값이 있으면
splice(i, 1); // i는 반복문에 사용되는 변수
i--; // 삭제했으면 한 칸이 줄었으니, i도 하나 줄여준다
을 해줍니다.
let arr = ['a', 'b', 'b', 'c'];
// 원소 'b' 삭제
for(let i = 0; i < arr.length; i++) {
if(arr[i] === 'b') {
arr.splice(i, 1);
i--;
}
}
● JavaScript 배열에 값 삭제(전체 삭제)
○ 빈 배열 할당 or 배열.length = 0;
- 새로운 빈 배열을 할당시켜주거나,
배열의 길이를 0으로 초기화 시켜줍니다.
let arr = ['a', 'b', 'c'];
// 배열 값 전체 삭제
arr = [];
or
arr.length = 0;
arr => [] // 비어있음
반응형
