blocks|key|1671723|text|如果需要正则表达式，请使用search()。否则，indexOf()将会更快。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1671724|entityMap^0|D|8|P|9|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|M|8|@]|D|@]|E|$]]]|G|$]]

<p>If you require a regular expression, use <code>search()</code>.  Otherwise, <code>indexOf()</code> is going to be faster.</p>


blocks|key|1456703|text|indexOf用于普通子字符串，search用于正则表达式。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1456704|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf|1|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search^0|0|7|G|6|0|7|0|G|6|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@$9|U|A|V|1|W]|$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]|N|$5|I|J|K|E|$L|O]]]]

<p><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/indexOf" rel="noreferrer"><code>indexOf</code></a> is for plain substrings, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search" rel="noreferrer"><code>search</code></a> is for regular expressions.</p>


blocks|key|1456868|text|搜索函数(one+description+here)接受一个正则表达式，它允许您匹配更复杂的模式、不区分大小写的字符串等，而indexOf+(one+description+here)只是匹配文字字符串。但是，indexOf还允许您指定起始索引。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1456869|entityMap|0|LINK|mutability|MUTABLE|url|http://www.tizag.com/javascriptT/javascript-string-search.php|1|http://www.tizag.com/javascriptT/javascript-string-indexOf.php^0|5|K|0|1Z|K|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

<p>The search function (<a href="http://www.tizag.com/javascriptT/javascript-string-search.php" rel="noreferrer">one description here</a>) takes a regular expression, which allows you to match against more sophisticated patters, case-insensitive strings, etc., while indexOf (<a href="http://www.tizag.com/javascriptT/javascript-string-indexOf.php" rel="noreferrer">one description here</a>) simply matches a literal string. However, indexOf also allows you to specify a beginning index.</p>


blocks|key|1671942|text|搜索发现它与正则表达式匹配，但没有偏移量。IndexOf使用文字进行匹配，但有一个偏移量。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1671943|IndexOf|offset|length|1671944|Search|1671945|entityMap|0|LINK|mutability|MUTABLE|url|http://www.tizag.com/javascriptT/javascript-string-indexOf.php|1|http://www.tizag.com/javascriptT/javascript-string-search.php^0|0|0|7|0|0|0|6|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|S|8|@]|9|@$D|T|E|U|1|V]]|A|$]]|$1|F|3|G|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|I|$J|$5|K|L|M|A|$N|O]]|P|$5|K|L|M|A|$N|Q]]]]

<p>Search finds it's matches with a regular expression, but has no offsets.  IndexOf uses literals to match, but has an offset.</p>

<p><a href="http://www.tizag.com/javascriptT/javascript-string-indexOf.php" rel="nofollow noreferrer">IndexOf</a></p>

<p><a href="http://www.tizag.com/javascriptT/javascript-string-search.php" rel="nofollow noreferrer">Search</a></p>


blocks|key|1672029|text|如果没有regex，indexOf和search之间没有实际区别。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1672030|下面的示例给出了一个实时demo|1672031|​|1672032|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;
}|code-block|syntax|javascript|1672033|<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>|1672034|1672035|entityMap|0|LINK|mutability|MUTABLE|url|http://www.w3schools.com/js/js_regexp.asp|1|http://www.w3schools.com/jsref/jsref_indexof.asp|2|http://www.w3schools.com/jsref/jsref_search.asp|3|http://jsfiddle.net/xameeramir/e6q1679k/^0|4|5|0|A|7|1|I|6|2|0|C|4|3|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|13|8|@]|9|@$A|14|B|15|1|16]|$A|17|B|18|1|19]|$A|1A|B|1B|1|1C]]|C|$]]|$1|D|3|E|5|6|7|1D|8|@]|9|@$A|1E|B|1F|1|1G]]|C|$]]|$1|F|3|G|5|6|7|1H|8|@]|9|@]|C|$]]|$1|H|3|I|5|J|7|1I|8|@]|9|@]|C|$K|L]]|$1|M|3|N|5|J|7|1J|8|@]|9|@]|C|$K|L]]|$1|O|3|G|5|6|7|1K|8|@]|9|@]|C|$]]|$1|P|3|-4|5|6|7|1L|8|@]|9|@]|C|$]]]|Q|$R|$5|S|T|U|C|$V|W]]|X|$5|S|T|U|C|$V|Y]]|Z|$5|S|T|U|C|$V|10]]|11|$5|S|T|U|C|$V|12]]]]

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

<p>The below example gives a live <a href="http://jsfiddle.net/xameeramir/e6q1679k/" rel="nofollow">demo</a>:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>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;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p id="demo"&gt;Without a &lt;a href='http://www.w3schools.com/js/js_regexp.asp'&gt;regex&lt;/a&gt;, there is no practical difference between &lt;a href='http://www.w3schools.com/jsref/jsref_indexof.asp'&gt;indexOf&lt;/a&gt; and &lt;a href='http://www.w3schools.com/jsref/jsref_search.asp'&gt;search&lt;/a&gt;
&lt;/p&gt;

&lt;button onclick="FromSearch()"&gt;From search&lt;/button&gt;

&lt;button onclick="FromindexOf()"&gt;From indexOf&lt;/button&gt;

&lt;p&gt;Location of difference in the above sentence is:&lt;/p&gt;

&lt;mark id="Location"&gt;&lt;/mark&gt;</code></pre>
</div>
</div>
</p>


<p>Being fairly new to JavaScript, I'm unable to discern when to use each of these.</p>

<p>Can anyone help clarify this for me?</p>


What is the difference between indexOf() and search()?

作为JavaScript的新手，我不知道什么时候使用它们。有人能帮我弄清楚这一点吗？

问indexOf()和search()有什么区别？
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问indexOf()和search()有什么区别？EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问indexOf()和search()有什么区别？
EN