Javascript Basic [Array - replit 18: slice 01]

Seong Ho Kim·2023년 9월 30일
0

Javascript Basic - replit

목록 보기
18/41
post-thumbnail

Javascript Assignment 18 - [Array 배열]

1) Array - slice 메서드 01

Assignment

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(['🍕', '🍤','🍇' ,'🥝','🍒','🍉','🍗', '🍟']) 
// 위의 코드를 실행하면 다음과 같은 결과가 나옵니다. 
// ['🍇', '🥝', '🍒', '🍉']

Assignment - Javascirpt Code

function findFruits() {
  const fruitBox = ['🍕', '🍤', '🍇', '🥝', '🍒', '🍉', '🍗', '🍟'];
  const resultBox = fruitBox.slice(2, 6);
  return resultBox;
}
const result06 = findFruits();
console.log(result06); // ['🍇', '🥝', '🍒', '🍉'];

Personal Assignment & Javascript Code

  1. foodBox 배열을 참조하여 콘솔에 나머지를 제외한 ["🍕","🥪","🥙","🥘","🍱"] 를 출력하세요
const findFoods = () => {
  const foodBox = ["🌭", "🍔", "🍟", "🍕", "🥪", "🥙", "🥘", "🍱", "🍤", "🥟"];
  const result_foodBoxs = foodBox.slice(3, 8);
  return result_foodBoxs;
}
const result07 = findFoods();
console.log(result07); // ["🍕", "🥪", "🥙", "🥘", "🍱"];
profile
삶을 개선하기 위해 노력하는 Junior UIUX Designer 입니다 😊

0개의 댓글