Javascript

[Javascript] concat(), slice(), splice() 함수

유호야 2023. 5. 31. 18:28
반응형

concat

concat은 배열을 합치는 거라고 보면 된다
예제만으로도 쉽게 이해가 가능하다

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
const array3 = array1.concat(array2);

console.log(array3);
// Expected output: Array ["a", "b", "c", "d", "e", "f"]

 

slice()

배열을 자르는 것으로

slice(a, b) 일경우에
a 이상 c 미만의 요소들을 담는다

a, b가 음수일 경우는 뒤에서부터 생각하면 된

const animals = ['ant', 'bison', 'camel', 'duck', 'elephant'];

console.log(animals.slice(2));
// Expected output: Array ["camel", "duck", "elephant"]

console.log(animals.slice(2, 4));
// Expected output: Array ["camel", "duck"]

console.log(animals.slice(1, 5));
// Expected output: Array ["bison", "camel", "duck", "elephant"]

console.log(animals.slice(-2));
// Expected output: Array ["duck", "elephant"]

console.log(animals.slice(2, -1));
// Expected output: Array ["camel", "duck"]

console.log(animals.slice());
// Expected output: Array ["ant", "bison", "camel", "duck", "elephant"]

 

splice()

이것도 생각보다 간단하다

.splice(num1, num2, a);

num1은 배열 내에 위치할 index 번호이고
num2는 0일 때 (그 배열에 그냥 위치한다, 중간에 껴서 밀어내는 느낌)
근데 1일 경우는 그 배열에 위치한 요소 하나를 대체하는 것이다
따라서 2일 경우는 num1 인덱스에 위치한 요소부터 2개를 대신하는 거라고 볼 수 있다

 

const months = ['Jan', 'March', 'April', 'June'];
months.splice(1, 0, 'Feb');
// Inserts at index 1
console.log(months);
// Expected output: Array ["Jan", "Feb", "March", "April", "June"]

months.splice(4, 1, 'May');
// Replaces 1 element at index 4
console.log(months);
// Expected output: Array ["Jan", "Feb", "March", "April", "May"]

 

 

반응형

'Javascript' 카테고리의 다른 글

[Javascript] find() 및 findIndex() 함수  (0) 2023.05.31
[TS] Generics, Any 차이  (0) 2023.03.09
[TS] TypeScript를 사용하는 이유  (2) 2023.03.04
[JS] null과 undefined 차이  (0) 2023.03.04
[JS] 정규표현식 간단한 정리  (0) 2023.03.03