Reactで文字列の部分を検索する方法（substring, indexOf）

1. substringとindexOfを使用する方法:

const str = "Hello, World!";
const substring = "World";
const index = str.indexOf(substring);
if (index !== -1) {
  const extractedString = str.substring(index, index + substring.length);
  console.log(extractedString); // 出力: "World"
} else {
  console.log("Substring not found");
}

上記のコードでは、indexOfメソッドを使用して指定した部分文字列のインデックスを検索し、その後、substringメソッドを使用して部分文字列を抽出しています。indexOfメソッドは、指定した文字列が見つからない場合には-1を返します。

2. includesを使用する方法:

const str = "Hello, World!";
const substring = "World";
if (str.includes(substring)) {
  console.log(substring + " found in the string.");
} else {
  console.log("Substring not found");
}

上記のコードでは、includesメソッドを使用して指定した部分文字列が文字列内に存在するかどうかをチェックしています。部分文字列が見つかった場合は、該当するメッセージを表示します。

これらの方法を使用することで、Reactアプリケーション内で文字列の部分を検索することができます。必要に応じて、他のメソッドや正規表現を使用することもできます。