indexOf（）とsearch（）の違いは何ですか？

JavaScriptはかなり新しいので、これらのそれぞれをいつ使用するかわかりません。

誰かがこれを明確にするのを手伝ってくれる？

正規表現が必要な場合は、を使用してくださいsearch()。そうでなければ、indexOf()より速くなります。

indexOfプレーンな部分文字列search用、正規表現用です。

検索関数（ここに1つの説明）は正規表現を使用します。これにより、より洗練されたパターン、大文字と小文字を区別しない文字列などと照合できます。一方、indexOf（ここに1つの説明）はリテラル文字列にのみ一致します。ただし、indexOfでは開始インデックスを指定することもできます。

主な違いは、検索が正規表現を受け入れることです。

このリファレンスを確認してください：

• 探す
• の指標

IndexOf（）-文字列リテラルまたは文字列オブジェクトを受け入れますが、正規表現は受け入れません。また、ゼロから始まる整数値を受け入れて、検索を開始します。例：

1. "babyelephant" .indexOf（ "e"）; // 4を与えます
2. "babyelephant" .indexOf（ "e"、5）; // 6番目の位置または5番目のインデックスから検索が開始されるため、6が返されます。
3. var m = / e /; 「babyelephant」.indexOf（m）; //正規表現を受け入れないため、-1を与えます。

Search（）-文字列リテラルまたは文字列オブジェクトと正規表現の両方を受け入れます。ただし、検索を開始するためのインデックスは受け付けません。

indexOf（）およびsearch（）

• 両方に共通

  i）最初に検索された値を返す

  ii）一致が見つからない場合は-1を返します

  let str='Book is booked for delivery'
  str.indexOf('b')   // returns position 8
  str.search('b')    // returns position 8 

• indexOf（）の特別な

  i）2番目の引数として検索開始位置を指定できます

  str.indexOf('k')   // 3
  str.indexOf('k',4) // 11 (it start search from 4th position) 

• search（）の特別

検索値は正規表現にすることができます

str.search('book') // 8
str.search(/book/i)  // 0   ( /i =case-insensitive   (Book == book)

参照

検索では、正規表現との一致が検出されますが、オフセットはありません。IndexOfはリテラルを使用して照合しますが、オフセットがあります。

の指標

探す

正規表現がなければ、indexOfとsearchの間に実用的な違いはありません。

以下の例は、ライブデモを示しています。

function FromSearch() {

  var str = document.getElementById("demo").innerText;
  var n = str.search("difference");
  document.getElementById("Location").innerHTML = n;
}

function FromindexOf() {
  var str = document.getElementById("demo").innerText;
  var n = str.indexOf("difference");
  document.getElementById("Location").innerHTML = n;
}

<p id="demo">Without a <a href='http://www.w3schools.com/js/js_regexp.asp'>regex</a>, there is no practical difference between <a href='http://www.w3schools.com/jsref/jsref_indexof.asp'>indexOf</a> and <a href='http://www.w3schools.com/jsref/jsref_search.asp'>search</a>
</p>

<button onclick="FromSearch()">From search</button>

<button onclick="FromindexOf()">From indexOf</button>

<p>Location of difference in the above sentence is:</p>

<mark id="Location"></mark>