2021/04/03

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

drop関数の課題内容

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

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

drop関数

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

for文とpush()を組み合わせて実装できると思った。

スポンサードサーチ

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

予想通りに実装できた。

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

function drop(array, n = 1) {
    if(n === 0) {
        return [...array];
    }

    if(n >= array.length) {
        return [];
    }

    const newArray = [];

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

    return newArray;
}

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

スポンサードサーチ

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

解答例

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

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

  return droppedArray;
}


const numbers = [1, 2, 3];

console.log( drop(numbers), numbers );
// => [2, 3]

// _.drop([1, 2, 3], 2);
console.log( drop(numbers, 2), numbers );
// // => [3]

// _.drop([1, 2, 3], 5);
console.log( drop(numbers, 5), numbers );
// // => []

// _.drop([1, 2, 3], 0);
console.log( drop(numbers, 0), numbers );
// // => [1, 2, 3]

JavaScript

• facebook
• Tweet
• hatebu
• LINE
• Read Later