Suzuki Blog Written by Yuki Suzuki

【JavaScript関数ドリル】初級編のdropRight関数の実装のアウトプット

JavaScript

こちらは、JavaScript関数ドリルに取り組んだ際の、アウトプット記事です。

JavaScript関数ドリル

JavaScript初心者の方、関数の作成に苦手意識のある方は参考にして頂けたらと思います。

スポンサードサーチ

dropRight関数の課題内容

LodashのdropRight関数を実装します。

詳しい「課題内容」「解説動画」「解答例」を確認したい場合は、以下リンク先のページを参照。

dropRight関数

dropRight関数に取り組む前の状態

実装アイデアが全く思い浮かばない状態

スポンサードサーチ

dropRight関数に取り組んだ後の状態

push()を利用することで実装できた

dropRight関数の実装コード(答えを見る前)

function dropRight(array, n = 1) {
    let newArray = [];

    for (let i = 0; i < array.length - n; i++) {
        newArray.push(array[i]);
    }

    return newArray;
}

console.log(dropRight([1, 2, 3]));
// => [1, 2]
 
console.log(dropRight([1, 2, 3], 2));
// => [1]
 
console.log(dropRight([1, 2, 3], 5));
// => []
 
console.log(dropRight([1, 2, 3], 0));
// => [1, 2, 3]

スポンサードサーチ

dropRight関数の実装コード(答えを見た後)

解答例

function dropRight(array, size = 1) {
  if (size === 0) {
    return [...array];
  }
  if (array.length <= size) {
    return [];
  }

  const droppdedArray = [];
  for(let i = 0; i < array.length - size; i++) {
    droppdedArray.push( array[i] );
  }

  return droppdedArray;
}

const numbers = [1, 2, 3];

const result1 = dropRight(numbers);
console.log(result1, numbers);
// // => [1, 2]

// dropRight(numbers, 2);
const result2 = dropRight(numbers, 2);
console.log(result2, numbers);
// // => [1]

const result3 = dropRight(numbers, 5);
console.log(result3, numbers);
// => []

const result4 = dropRight(numbers, 0);
console.log(result4, numbers);
// => [1, 2, 3]