[JavaScript] slice 활용하기
in JavaScript
slice 활용하기
- slice는 원본 값을 변경하지 않는다.
- 원본 값을 변경하지 않기 때문에, 원본의 특정 부분을 잘라 새로운 값을 만들 수 있다.
- 배열에서 slice()를 사용하면 원본 배열을 얕게 복사 할 수 있다.
문자열에서 slice 활용하기
const str = "The quick brown fox jumps over the lazy dog.";
console.log(str.slice(31));
// 문자열 index 31번 부터 나머지 반환 : "the lazy dog."
//
console.log(str.slice(4, 19));
// 문자열 index 4 부터 19 전까지 반환 : "quick brown fox"
console.log(str.slice(-4));
// 뒤에서 부터 index 4 이후에 있는 문자열 반환 : "dog."
console.log(str.slice(-9, -5));
// 뒤에서 부터 index 9 이후 와 5 사이에 있는 문자열을 반환 : "lazy"
배열에서 slice 활용하기
const animals = ["ant", "bison", "camel", "duck", "elephant"];
console.log(animals.slice(2));
// 배열의 index 2 부터 나머지 반환 : Array ["camel", "duck", "elephant"]
console.log(animals.slice(2, 4));
// 배열의 index 2 와 4 전까지 반환 : Array ["camel", "duck"]
console.log(animals.slice(1, 5));
// 배열의 index 1 과 5 전까지 반환 : Array ["bison", "camel", "duck", "elephant"]
console.log(animals.slice(-2));
// 뒤에서 부터 index 2 이후에 있는 배열 반환 : Array ["duck", "elephant"]
console.log(animals.slice(2, -1));
// 앞에서 index 2인 배열과 뒤에서 부터 index 1 사이의 배열 반환 : Array ["camel", "duck"]
console.log(animals.slice());
// 모든 배열 복사 : Array ["ant", "bison", "camel", "duck", "elephant"]
// 원본 배열의 변경없이 특정 부분에 값 추가하기
const insertAt = 1;
const newAnimal = [
...animals.slice(0, insertAt),
"추가할 동물의 이름",
...animals.slice(insertAt),
];
slice 활용하여 알고리즘 문제 풀기
