Suzuki Blog Written by Yuki Suzuki

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

fill関数の課題内容

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

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

fill関数

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

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

スポンサードサーチ

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

実装できなかったが、解説は理解できた

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

実装できなかった

スポンサードサーチ

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

解答例

function fill(array, value, start = 0, end = array.length) {
  for(let i = 0; i < array.length; i++) {
    if(start <= i && i < end) {
      array[i] = value;
    }
  }

  return array;
}

var array = [1, 2, 3];
console.log( fill(array, 'a') );
// => ['a', 'a', 'a']

console.log( fill(Array(3), 2) );
// => [2, 2, 2]

console.log( fill([4, 6, 8, 10], '*', 1, 3) );
// => [4, '*', '*', 10