2021/03/14

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

JavaScript

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

JavaScript関数ドリル

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

スポンサードサーチ

indexOf関数の課題内容

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

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

indexOf関数

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

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

スポンサードサーチ

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

for文とif文の組み合わせで実装できた

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

function indexOf(array, value, fromIndex = 0) {
    for (let i = fromIndex; i < array.length; i++) {
        if(value === array[i]) {
            return i;
        } 
    }

    return -1;
}

console.log(indexOf([1, 2, 1, 2], 2));
// => 1
console.log(indexOf([1, 2, 1, 2], 2, 2));
// => 3
console.log(indexOf([1, 2, 1, 2], 3));
// => -1
console.log(indexOf([1, 2, 1, 2], 2, 4));
// => -1

スポンサードサーチ

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

解答例

function indexOf(array, value, fromIndex = 0) {
  for(let i = fromIndex; i < array.length; i++) {
    if(array[i] === value) {
      return i;
    }
  }

  return -1;
}

// console.log( indexOf([1, 2, 1, 2], 2) );
// => 1

// Search from the `fromIndex`.
console.log( indexOf([1, 2, 1, 2], 3, 2) );
// => 3

JavaScript

• facebook
• Tweet
• hatebu
• LINE
• Read Later