JS Array functions (3) - slice(), splice()

JavaScript array에는 유용한 함수들이 많습니다.

자세한 내용은 여기를 참고하세요.

 

 

slice()
: slice 메서드는 호출된 배열의 모든 element를 대상으로 시작부터 끝에 해당하는 인덱스의 값을 복사하여 새 배열로 반환합니다. 끝 인덱스는 포함하지 않습니다.(-1)

 

Syntax: slice(시작 index, 끝 index)

const sourceArray = ['apple', 'banana', 'camera', 'drive', 'elite', 'fish'];

// 출력값: Array ["banana", "camera", "drive", "elite", "fish"]
console.log(sourceArray.slice(1));

// 출력값: Array ["camera", "drive", "elite"]
console.log(sourceArray.slice(2, 5));

// 출력값: Array ["banana", "camera"]
console.log(sourceArray.slice(1, 3));

// 출력값: Array ["drive", "elite", "fish"]
console.log(sourceArray.slice(-3));

// 출력값: Array ["elite"]
console.log(sourceArray.slice(4, -1));

// 출력값: Array ["apple", "banana", "camera", "drive", "elite", "fish"]
console.log(sourceArray.slice());

 

splice()

: splice 메서드는 호출된 배열의 모든 element를 대상으로 배열내의 element를 추가, 삭제, 교체 등의 작업을 합니다.

 

Syntax: splice(시작 인덱스, 삭제 element 갯수, 추가할 element1, 추가할 element2, 추가할 elementN)

const sourceArray = ['a', 'b', 'c', 'd', 'e'];

console.log(sourceArray);

sourceArray.splice(1, 0, '1', '2');

// 출력값: Array ["a", "1", "2", "b", "c", "d", "e"]
console.log(sourceArray);

sourceArray.splice(5, 2, 'f');

// 출력값: Array ["a", "1", "2", "b", "c", "f"]
console.log(sourceArray);