Javascript Assignment 18 - [Array 배열]
slice 메서드는 배열 내의 특정한 요소의 index 범위에 따라 새로운 배열을 리턴합니다.
splice 메서드와는 다르게 slice 메서드는 원본 배열을 변형시키지 않습니다.
즉, splice 메서드는 배열 요소를 제거후 새로운 요소를 추가하고,
slice 메서드는 배열 요소를 제거하는 기능을 수행합니다.
slice 메서드
예) slice(start, end)
첫번째 인자 : 배열의 index의 시작점
두번째 인자 : 배열의 index의 끝점
예를 들어, [1,2,3,4,5] 라는 배열이 있을 때,
숫자 2~4까지만 남기고 싶을땐 다음과 같이 메서드를 활용하시면 됩니다.
예시)
const nums = [1, 2, 3, 4, 5];
const nums_new = nums.slice(1,4);
console.log(nums) // [ 1, 2, 3, 4, 5 ]
console.log(nums_new) // [ 2, 3, 4 ]
Assignment
1. fruitBox라는 배열이 있습니다. fruitBox의 요소가 과일로만
이루어질 수 있도록 slice 메서드를 활용해 코드를 작성해주세요.
힌트)
// findFruits(['🍕', '🍤','🍇' ,'🥝','🍒','🍉','🍗', '🍟'])
// 위의 코드를 실행하면 다음과 같은 결과가 나옵니다.
// ['🍇', '🥝', '🍒', '🍉']
function findFruits() {
const fruitBox = ['🍕', '🍤', '🍇', '🥝', '🍒', '🍉', '🍗', '🍟'];
const resultBox = fruitBox.slice(2, 6);
return resultBox;
}
const result06 = findFruits();
console.log(result06); // ['🍇', '🥝', '🍒', '🍉'];
const findFoods = () => {
const foodBox = ["🌭", "🍔", "🍟", "🍕", "🥪", "🥙", "🥘", "🍱", "🍤", "🥟"];
const result_foodBoxs = foodBox.slice(3, 8);
return result_foodBoxs;
}
const result07 = findFoods();
console.log(result07); // ["🍕", "🥪", "🥙", "🥘", "🍱"];