[JavaScript][기초] 배열 요소 조작 메소드 (push, pop, shift, unshift, slice, concat)

 

배열 조작 메소드 6가지

push, pop, shift, unshift, slice, concat

// 배열 메소드1
// 6가지의 요소 조작 메소드

// 1. push
// 배열의 맨 뒤에 새로운 요소를 추가하는 메서드
let arr1 = [1, 2, 3];
// push는 최종적으로 배열의 길이를 반환한다.
const newLength = arr1.push(4, 5, 6, 7);
console.log(arr1); // [1, 2, 3, 4, 5, 6, 7]
console.log(newLength); // 7

// 2. pop
// 배열의 맨 뒤에 있는 요소를 제거하고, 반환
let arr2 = [1, 2, 3];
const poppedItem = arr2.pop();

console.log(poppedItem); // 3
console.log(arr2); // [1, 2]

// 3. shift
// 배열의 맨 앞에 있는 요소를 제거, 반환
let arr3 = [1, 2, 3];
const shiftedItem = arr3.shift();

console.log(shiftedItem); // 1
console.log(arr3); // [2, 3]

// 4. unshift
// 배열의 맨 앞에 새로운 요소를 추가하는 메서드
let arr4 = [1, 2, 3];
// unshift는 최종적으로 배열의 길이를 반환한다.
const newLengthAfterUnshift = arr4.unshift(0);
console.log(arr4); // [0, 1, 2, 3]
console.log(newLengthAfterUnshift); // 4

// 5. slice
// 배열의 특정 범위를 잘나내서 새로운 배열로 반환
let arr5 = [1, 2, 3, 4, 5];
let slicedArr = arr5.slice(2, 5); // 2번 인덱스부터 5번 인덱스 전까지(4번 인덱스 까지)
let slicedArr2 = arr5.slice(2); // 2번 인덱스부터 끝까지 자른다.
let slicedArr3 = arr5.slice(-3); // 뒤에서 부터 세 개의 요소를 자른다.

console.log(slicedArr); // [3, 4, 5]
console.log(slicedArr2); // [3, 4, 5]
console.log(slicedArr3); // [3, 4, 5]

// 원본 배열은 유지된다.
console.log(arr5); // [1, 2, 3, 4, 5]

// 6. concat
// 두개의 서로 다른 배열을 이어 붙여서 새로운 배열을 반환
let arr6 = [1, 2];
let arr7 = [3, 4];
let concatedArr = arr6.concat(arr7);
console.log(concatedArr); // [1, 2, 3, 4]