blocks|key|257147|text|您可以使用indexOf|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|257148|var+imageList+=+[100,200,300,400,500];
var+index+=+imageList.indexOf(200);+//+1|code-block|syntax|javascript|257149|如果在数组中找不到值，您将得到-1。|257150|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf^0|5|7|5|7|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf" rel="noreferrer"><code>indexOf</code></a>:

<pre><code>var imageList = [100,200,300,400,500];
var index = imageList.indexOf(200); // 1
</code></pre>

You will get -1 if it cannot find a value in the array.

blocks|key|254874|text|对于对象数组，请将map与indexOf配合使用|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|CODE|entityRanges|data|254875|​|254876|var+imageList+=+[
+++{value:+100},
+++{value:+200},
+++{value:+300},
+++{value:+400},
+++{value:+500}
];

var+index+=+imageList.map(function+(img)+{+return+img.value;+}).indexOf(200);

console.log(index);|code-block|syntax|javascript|254877|254878|254879|在现代浏览器中，您可以使用findIndex|254880|254881|var+imageList+=+[
+++{value:+100},
+++{value:+200},
+++{value:+300},
+++{value:+400},
+++{value:+500}
];

var+index+=+imageList.findIndex(img+=>+img.value+===+200);

console.log(index);|254882|254883|它是ES6和supported+by+Chrome、FF、Safari和Edge的组成部分|254884|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex|1|http://kangax.github.io/compat-table/es6/#test-Array.prototype_methods^0|2|4|9|3|D|7|0|0|0|0|0|D|9|D|9|0|0|0|0|0|6|C|1|0^^$0|@$1|2|3|4|5|6|7|17|8|@$9|18|A|19|B|C]|$9|1A|A|1B|B|D]|$9|1C|A|1D|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|1E|8|@]|E|@]|F|$]]|$1|I|3|J|5|K|7|1F|8|@]|E|@]|F|$L|M]]|$1|N|3|H|5|6|7|1G|8|@]|E|@]|F|$]]|$1|O|3|-4|5|6|7|1H|8|@]|E|@]|F|$]]|$1|P|3|Q|5|6|7|1I|8|@$9|1J|A|1K|B|D]]|E|@$9|1L|A|1M|1|1N]]|F|$]]|$1|R|3|H|5|6|7|1O|8|@]|E|@]|F|$]]|$1|S|3|T|5|K|7|1P|8|@]|E|@]|F|$L|M]]|$1|U|3|H|5|6|7|1Q|8|@]|E|@]|F|$]]|$1|V|3|W|5|6|7|1R|8|@]|E|@$9|1S|A|1T|1|1U]]|F|$]]|$1|X|3|-4|5|6|7|1V|8|@]|E|@]|F|$]]]|Y|$Z|$5|10|11|12|F|$13|14]]|15|$5|10|11|12|F|$13|16]]]]

For objects array use <code>map</code> with <code>indexOf</code>:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var imageList = [
 {value: 100},
 {value: 200},
 {value: 300},
 {value: 400},
 {value: 500}
];

var index = imageList.map(function (img) { return img.value; }).indexOf(200);

console.log(index);</code></pre>
</div>
</div>


<hr>

In modern browsers you can use <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex" rel="noreferrer"><code>findIndex</code></a>:

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var imageList = [
 {value: 100},
 {value: 200},
 {value: 300},
 {value: 400},
 {value: 500}
];

var index = imageList.findIndex(img =&gt; img.value === 200);

console.log(index);</code></pre>
</div>
</div>


Its part of ES6 and <a href="http://kangax.github.io/compat-table/es6/#test-Array.prototype_methods" rel="noreferrer">supported by</a> Chrome, FF, Safari and Edge

blocks|key|2939697|text|使用jQuery的函数jQuery.inArray|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2939698|jQuery.inArray(+value,+array+[,+fromIndex+]+)
(or)+$.inArray(+value,+array+[,+fromIndex+]+)|code-block|syntax|javascript|2939699|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/jQuery.inArray/^0|B|E|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Use jQuery's function
<a href="http://api.jquery.com/jQuery.inArray/" rel="noreferrer">jQuery.inArray</a>

<pre><code>jQuery.inArray( value, array [, fromIndex ] )
(or) $.inArray( value, array [, fromIndex ] )
</code></pre>

blocks|key|2939744|text|这是在javascript中查找复数组中值索引的另一种方法。希望真的能帮助到别人。假设我们有一个JavaScript数组，如下所示，|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2939745|var+studentsArray+=
+++++[
++++{
++++"rollnumber":+1,
++++"name":+"dj",
++++"subject":+"physics"
+++},
+++{
+++"rollnumber":+2,
++"name":+"tanmay",
++"subject":+"biology"
+++},
++{
+++"rollnumber":+3,
+++"name":+"amit",
+++"subject":+"chemistry"
+++},
++];|code-block|syntax|javascript|2939746|现在，如果我们需要选择数组中的特定对象。让我们假设我们要查找名为Tanmay的学生的索引。|2939747|我们可以通过迭代数组并比较给定键值来做到这一点。|2939748|function+functiontofindIndexByKeyValue(arraytosearch,+key,+valuetosearch)+{

++++for+(var+i+=+0;+i+<+arraytosearch.length;+i%2B%2B)+{

++++if+(arraytosearch[i][key]+==+valuetosearch)+{
++++return+i;
++++}
++++}
++++return+null;
++++}|2939749|您可以使用函数查找特定元素的索引，如下所示：|2939750|var+index+=+functiontofindIndexByKeyValue(studentsArray,+"name",+"tanmay");
alert(index);|2939751|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|V|8|@]|9|@]|A|$]]|$1|K|3|L|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|M|3|N|5|6|7|X|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|Q|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]]|R|$]]

Here is an another way find value index in complex array in javascript. Hope help somebody indeed.
Let us assume we have a JavaScript array as following,

<pre><code>var studentsArray =
 [
 {
 "rollnumber": 1,
 "name": "dj",
 "subject": "physics"
 },
 {
 "rollnumber": 2,
 "name": "tanmay",
 "subject": "biology"
 },
 {
 "rollnumber": 3,
 "name": "amit",
 "subject": "chemistry"
 },
 ];
</code></pre>

Now if we have a requirement to select a particular object in the array. Let us assume that we want to find index of student with name Tanmay.

We can do that by iterating through the array and comparing value at the given key.

<pre><code>function functiontofindIndexByKeyValue(arraytosearch, key, valuetosearch) {

 for (var i = 0; i &lt; arraytosearch.length; i++) {

 if (arraytosearch[i][key] == valuetosearch) {
 return i;
 }
 }
 return null;
 }
</code></pre>

You can use the function to find index of a particular element as below,

<pre><code>var index = functiontofindIndexByKeyValue(studentsArray, "name", "tanmay");
alert(index);
</code></pre>

blocks|key|2939646|text|使用indexOf|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2939647|imageList.indexOf(200)|code-block|syntax|javascript|2939648|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use indexOf

<pre><code>imageList.indexOf(200)
</code></pre>

blocks|key|253205|text|那indexOf呢？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|253206|alert(imageList.indexOf(200));|code-block|syntax|javascript|253207|entityMap^0|1|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

how about <code>indexOf</code> ? 

<pre><code>alert(imageList.indexOf(200));
</code></pre>

blocks|key|3154044|text|Array.indexOf在internet+explorer的某些版本中不起作用--有很多替代方法可以做到这一点……查看此问题/答案：How+do+I+check+if+an+array+includes+an+object+in+JavaScript?|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3154045|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/237104/array-containsobj-in-javascript^0|0|D|1W|1O|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<code>Array.indexOf</code> doesnt work in some versions of internet explorer - there are lots of alternative ways of doing it though ... see this question / answer : <a href="https://stackoverflow.com/questions/237104/array-containsobj-in-javascript">How do I check if an array includes an object in JavaScript?</a>

blocks|key|254852|text|当列表不是很长的时候，这是我所知道的最好的方法：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254853|function+getIndex(val)+{
++++for+(var+i+=+0;+i+<+imageList.length;+i%2B%2B)+{
++++++++if+(imageList[i]+===+val)+{
++++++++++++return+i;
++++++++}
++++}
}

var+imageList+=+[100,+200,+300,+400,+500];
var+index+=+getIndex(200);|code-block|syntax|javascript|254854|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

When the lists aren't extremely long, this is the best way I know:

<pre><code>function getIndex(val) {
 for (var i = 0; i &lt; imageList.length; i++) {
 if (imageList[i] === val) {
 return i;
 }
 }
}

var imageList = [100, 200, 300, 400, 500];
var index = getIndex(200);
</code></pre>

blocks|key|2939795|text|可以使用ES6函数Array.prototype.findIndex。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2939796|MDN+says|2939797|2939798|+findIndex()方法返回的索引，数组中的第一个元素满足所提供的测试函数的。否则返回-1。|blockquote|BOLD|2939799|2939800|2939801|var+fooArray+=+[5,+10,+15,+20,+25];
console.log(fooArray.findIndex(num=>+{+return+num+>+5;+}));

//+expected+output:+1|code-block|syntax|javascript|2939802|按对象属性查找索引。|2939803|要按对象属性查找索引，请执行以下操作：|2939804|yourArray.findIndex(obj+=>+obj['propertyName']+===+yourValue)|2939805|例如，有这样一个数组：|2939806|let+someArray+=+[
++++{+property:+'OutDate'+},
++++{+property:+'BeginDate'},
++++{+property:+'CarNumber'+},
++++{+property:+'FirstName'}
];|2939807|然后，查找必要属性的索引的代码如下所示：|2939808|let+carIndex+=+someArray.findIndex(+filterCarObj=>+
++++filterCarObj['property']+===+'CarNumber');|2939809|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex^0|4|3|9|P|0|0|8|0|0|0|1|B|G|O|0|0|0|0|0|A|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|1F|8|@$9|1G|A|1H|B|C]|$9|1I|A|1J|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1K|8|@]|D|@$9|1L|A|1M|1|1N]]|E|$]]|$1|H|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]|$1|I|3|J|5|K|7|1P|8|@$9|1Q|A|1R|B|C]|$9|1S|A|1T|B|L]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|1U|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1V|8|@]|D|@]|E|$]]|$1|O|3|P|5|Q|7|1W|8|@]|D|@]|E|$R|S]]|$1|T|3|U|5|6|7|1X|8|@$9|1Y|A|1Z|B|L]]|D|@]|E|$]]|$1|V|3|W|5|6|7|20|8|@]|D|@]|E|$]]|$1|X|3|Y|5|Q|7|21|8|@]|D|@]|E|$R|S]]|$1|Z|3|10|5|6|7|22|8|@]|D|@]|E|$]]|$1|11|3|12|5|Q|7|23|8|@]|D|@]|E|$R|S]]|$1|13|3|14|5|6|7|24|8|@]|D|@]|E|$]]|$1|15|3|16|5|Q|7|25|8|@]|D|@]|E|$R|S]]|$1|17|3|-4|5|6|7|26|8|@]|D|@]|E|$]]]|18|$19|$5|1A|1B|1C|E|$1D|1E]]]]

It is possible to use a <code>ES6</code> function <code>Array.prototype.findIndex</code>.

<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex" rel="noreferrer">MDN says</a>:

<blockquote>
 The <code>findIndex()</code> method returns the index of the first element in the array that satisfies the provided testing function. Otherwise -1 is returned.
</blockquote>

<pre><code>var fooArray = [5, 10, 15, 20, 25];
console.log(fooArray.findIndex(num=&gt; { return num &gt; 5; }));

// expected output: 1
</code></pre>

Find an index by object property.

To find an index by object property:

<pre><code>yourArray.findIndex(obj =&gt; obj['propertyName'] === yourValue)
</code></pre>

For example, there is a such array:

<pre><code>let someArray = [
 { property: 'OutDate' },
 { property: 'BeginDate'},
 { property: 'CarNumber' },
 { property: 'FirstName'}
];
</code></pre>

Then, code to find an index of necessary property looks like that:

<pre><code>let carIndex = someArray.findIndex( filterCarObj=&gt; 
 filterCarObj['property'] === 'CarNumber');
</code></pre>

blocks|key|253321|text|多维数组中的。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|253322|253323|引用数组：|253324|var+array+=+[
++++{+ID:+'100'+},
++++{+ID:+'200'+},
++++{+ID:+'300'+},
++++{+ID:+'400'+},
++++{+ID:+'500'+}
];|code-block|syntax|javascript|253325|使用filter+indexOf**:**和的|CODE|253326|var+index+=+array.indexOf(array.filter(function(item)+{+return+item.ID+==+'200'+})[0]);|253327|使用indexOf**:**+遍历数组中的每一项|253328|for+(var+i+=+0;+i+<+array.length;+i%2B%2B)+{
++++var+item+=+array[i];
++++if+(item.ID+==+'200')+{+
++++++++var+index+=+array.indexOf(item);
++++}
}|253329|entityMap^0|6|1|0|0|0|5|0|0|0|8|9|E|2|6|9|7|0|0|2|9|F|9|2|7|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|11|8|@]|D|@]|E|$]]|$1|G|3|H|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|I|3|J|5|K|7|15|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|16|8|@$9|17|A|18|B|C]|$9|19|A|1A|B|C]|$9|1B|A|1C|B|P]|$9|1D|A|1E|B|P]]|D|@]|E|$]]|$1|Q|3|R|5|K|7|1F|8|@]|D|@]|E|$L|M]]|$1|S|3|T|5|6|7|1G|8|@$9|1H|A|1I|B|C]|$9|1J|A|1K|B|C]|$9|1L|A|1M|B|P]]|D|@]|E|$]]|$1|U|3|V|5|K|7|1N|8|@]|D|@]|E|$L|M]]|$1|W|3|-4|5|6|7|1O|8|@]|D|@]|E|$]]]|X|$]]

<h2>In a multidimensional array.</h2>
<hr />
Reference array:
<pre><code>var array = [
 { ID: '100' },
 { ID: '200' },
 { ID: '300' },
 { ID: '400' },
 { ID: '500' }
];
</code></pre>
Using <code>filter</code> and <code>indexOf</code>:
<pre><code>var index = array.indexOf(array.filter(function(item) { return item.ID == '200' })[0]);
</code></pre>
Looping through each item in the array using <code>indexOf</code>:
<pre><code>for (var i = 0; i &lt; array.length; i++) {
 var item = array[i];
 if (item.ID == '200') { 
 var index = array.indexOf(item);
 }
}
</code></pre>

blocks|key|3154169|text|这是我对它的看法，似乎大多数人的解决方案都不检查项目是否存在，如果项目不存在，它会删除随机值。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3154170|首先通过looking+for+it's+index检查元素是否存在。如果存在，请使用splice方法按其索引将其移除|offset|length|3154171|elementPosition+=+array.indexOf(value);

if(elementPosition+!=+-1)+{
++array.splice(elementPosition,+1);
}|code-block|syntax|javascript|3154172|entityMap|0|LINK|mutability|MUTABLE|url|https://www.w3schools.com/jsref/jsref_indexof.asp|1|https://www.w3schools.com/jsref/jsref_splice.asp^0|0|4|M|0|17|6|1|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|V|8|@]|9|@$D|W|E|X|1|Y]|$D|Z|E|10|1|11]]|A|$]]|$1|F|3|G|5|H|7|12|8|@]|9|@]|A|$I|J]]|$1|K|3|-4|5|6|7|13|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]|S|$5|N|O|P|A|$Q|T]]]]

Here is my take on it, seems like most peoples solutions don't check if the item exists and it removes random values if it does not exist.

First check if the element exists by <a href="https://www.w3schools.com/jsref/jsref_indexof.asp" rel="nofollow noreferrer">looking for it's index</a>.
If it does exist, remove it by its index using the <a href="https://www.w3schools.com/jsref/jsref_splice.asp" rel="nofollow noreferrer">splice</a> method

<pre><code>elementPosition = array.indexOf(value);

if(elementPosition != -1) {
 array.splice(elementPosition, 1);
}
</code></pre>

blocks|key|3154157|text|//+Instead+Of+
var+index+=+arr.indexOf(200)

//+Use+
var+index+=+arr.includes(200);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3154158|请注意：Includes函数是数组上的一个简单的实例方法，有助于轻松地查找数组中是否有项(包括NaN，与indexOf不同)|unstyled|offset|length|style|BOLD|3154159|entityMap^0|0|0|3|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@$G|O|H|P|I|J]]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code>// Instead Of 
var index = arr.indexOf(200)

// Use 
var index = arr.includes(200);
</code></pre>

Please Note: Includes function is a simple instance method on the array and helps to easily find if an item is in the array(including NaN unlike indexOf)

Say I've got this

<pre class="lang-js prettyprint-override"><code>imageList = [100,200,300,400,500];
</code></pre>

Which gives me

<code>[0]100 [1]200</code> etc.

Is there any way in JavaScript to return the index with the value?

I.e. I want the index for 200, I get returned 1.

How to find the array index with a value?

jQuery

假设我得到了这个imageList = [100,200,300,400,500];这给了我[0]100 [1]200等。在JavaScript中有没有什么方法可以随值一起返回索引？也就是说，我想要200的索引，我得到的结果是1。

问如何查找有值的数组索引？
EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何查找有值的数组索引？EN

回答 12

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何查找有值的数组索引？
EN