🗂

JavaScript の indexOf() の使い方 in TypeScript

2024/01/28に公開

indexOf() の使い方をよくわかっていなかったので改めて調べてみました。
*記事内のコードはTypeScriptで記述しています。

indexOf() とは?

indexOf() 引数に渡した文字列または配列の要素が最初に出現するインデックスを返してくれるメソッドです。

インデックスを調べたいときに使うメソッドですね。

文字列と配列、2通りで使うことができ、どちらも2つの引数を持ちます。

文字列での使い方 String.prototype.indexOf()

構文:

indexOf(searchString)
indexOf(searchString, position)

引数の意味は以下。

  • searchString:
    • 文字列の中で検索したい文字列
  • position: 省略可能
    • 検索したい文字列の位置を指定する
const paragraph: string = "Hello World! I'm John Doe.";
const searchTerm: string = "Doe";
const indexOfFirst: number = paragraph.indexOf(searchTerm);

console.log(indexOfFirst);

参考文献:
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf

配列での使い方 String.prototype.indexOf()

構文:

indexOf(searchString)
indexOf(searchString, position)

引数の意味は以下。

  • searchString:
    • 配列の中で検索したい要素の文字列
  • position: 省略可能
    • 検索したい文字列の位置を指定する
const wordsArr: string[] = [
    "black",
    "yellow",
    "white",
    "orange",
    "green"
];

const indexOfFirst = wordsArr.indexOf("white");
console.log(indexOfFirst);

参考文献:
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

Discussion