blocks|key|694275|text|我认为您可以使用map函数在一行中解决它：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|694276|pos+=+myArray.map(function(e)+{+return+e.hello;+}).indexOf('stevie');|code-block|syntax|javascript|694277|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map^0|8|3|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]]]]

I think you can solve it in one line using the <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map" rel="noreferrer">map</a> function:

<pre><code>pos = myArray.map(function(e) { return e.hello; }).indexOf('stevie');
</code></pre>

blocks|key|478721|text|在ES2015中，这非常简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478722|myArray.map(x+=>+x.hello).indexOf('stevie')|code-block|syntax|javascript|478723|或者，对于较大的阵列，可能具有更好的性能：|478724|myArray.findIndex(x+=>+x.hello+===+'stevie')|478725|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In ES2015, this is pretty easy:

<pre><code>myArray.map(x =&gt; x.hello).indexOf('stevie')
</code></pre>

or, probably with better performance for larger arrays:

<pre><code>myArray.findIndex(x =&gt; x.hello === 'stevie')
</code></pre>

blocks|key|478128|text|var+idx+=+myArray.reduce(+function(+cur,+val,+index+){

++++if(+val.hello+===+"stevie"+&&+cur+===+-1+)+{
++++++++return+index;
++++}
++++return+cur;

},+-1+);|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|478129|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var idx = myArray.reduce( function( cur, val, index ){

 if( val.hello === "stevie" &amp;&amp; cur === -1 ) {
 return index;
 }
 return cur;

}, -1 );
</code></pre>

blocks|key|478231|text|我喜欢巴勃罗的回答，但是Array#indexOf和Array#map并不是在所有的浏览器上都能工作。下划线将使用本机代码(如果可用)，但也有后备功能。另外，它有pluck方法，可以做Pablo的匿名map方法所做的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478232|var+idx+=+_.chain(myArray).pluck("hello").indexOf("Stevie").value();|code-block|syntax|javascript|478233|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|$]]

I like Pablo's answer, but Array#indexOf and Array#map don't work on all browsers. Underscore will use native code if it's available, but has fallbacks as well. Plus it has the pluck method for doing exactly what Pablo's anonymous map method does.

<pre><code>var idx = _.chain(myArray).pluck("hello").indexOf("Stevie").value();
</code></pre>

blocks|key|478156|text|或者是原型：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478157|Array.prototype.indexOfObject+=+function+arrayObjectIndexOf(property,+value)+{
++++for+(var+i+=+0,+len+=+this.length;+i+<+len;+i%2B%2B)+{
++++++++if+(this[i][property]+===+value)+return+i;
++++}
++++return+-1;
}

myArr.indexOfObject("name",+"stevie");|code-block|syntax|javascript|478158|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|$]]

Or prototype it : 

<pre><code>Array.prototype.indexOfObject = function arrayObjectIndexOf(property, value) {
 for (var i = 0, len = this.length; i &lt; len; i++) {
 if (this[i][property] === value) return i;
 }
 return -1;
}

myArr.indexOfObject("name", "stevie");
</code></pre>

blocks|key|694989|text|然而，这里的大多数其他答案都是有效的。有时，最好只是在您要使用的地方创建一个简短的简单函数。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694990|//+indexOf+wrapper+for+the+list+of+objects
function+indexOfbyKey(obj_list,+key,+value)+{
++++for+(index+in+obj_list)+{
++++++++if+(obj_list[index][key]+===+value)+return+index;
++++}
++++return+-1;
}
//+Find+the+string+in+the+list+(default+-1)
var+test1+=+indexOfbyKey(object_list,+'name',+'Stevie');
var+test2+=+indexOfbyKey(object_list,+'last_name',+'some+other+name');|code-block|syntax|javascript|694991|这取决于对你来说什么是重要的。它可能会节省代码行，并非常聪明地使用一行代码，或者将通用解决方案放在涵盖各种边缘情况的地方。但有时最好只是说：“我是这样做的”，而不是让未来的开发人员去做额外的逆向工程工作。尤其是如果你像你的问题中那样认为自己是“新手”。|694992|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

While, most other answers here are valid. Sometimes, it's best to just make a short simple function near where you will use it. 

<pre><code>// indexOf wrapper for the list of objects
function indexOfbyKey(obj_list, key, value) {
 for (index in obj_list) {
 if (obj_list[index][key] === value) return index;
 }
 return -1;
}
// Find the string in the list (default -1)
var test1 = indexOfbyKey(object_list, 'name', 'Stevie');
var test2 = indexOfbyKey(object_list, 'last_name', 'some other name');
</code></pre>

It depends on what is important to you. It might save lines of code and be very clever to use a one-liner, or to put a generic solution somewhere that covers various edge cases. But sometimes it's better to just say: "here I did it like this" rather than leave future developers to have extra reverse engineering work. Especially if you consider yourself "a newbie" like in your question.

blocks|key|694501|text|简介|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694502|myArray.indexOf('stevie','hello')|code-block|syntax|javascript|694503|使用案例：|694504|++/*****NORMAL****/++
[2,4,5].indexOf(4)+;//OUTPUT+1
+/****COMPLEX*****/
+[{slm:2},{slm:4},{slm:5}].indexOf(4,'slm');//OUTPUT+1
+//OR
+[{slm:2},{slm:4},{slm:5}].indexOf(4,function(e,i){
+++return+e.slm;
});//OUTPUT+1
/***MORE+Complex**/
[{slm:{salat:2}},{slm:{salat:4}},{slm:{salat:5}}].indexOf(4,function(e,i){
+++return+e.slm.salat;
});//OUTPUT+1|694505|接口：|694506|++++Array.prototype.indexOfOld=Array.prototype.indexOf

++++Array.prototype.indexOf=function(e,fn){
++++++if(!fn){return+this.indexOfOld(e)}
++++++else{+
+++++++if(typeof+fn+==='string'){var+att=fn;fn=function(e){return+e[att];}}
++++++++return+this.map(fn).indexOfOld(e);
++++++}
++++};|694507|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<h1>Brief</h1>

<pre><code>myArray.indexOf('stevie','hello')
</code></pre>

<h1>Use Cases :</h1>

<pre><code> /*****NORMAL****/ 
[2,4,5].indexOf(4) ;//OUTPUT 1
 /****COMPLEX*****/
 [{slm:2},{slm:4},{slm:5}].indexOf(4,'slm');//OUTPUT 1
 //OR
 [{slm:2},{slm:4},{slm:5}].indexOf(4,function(e,i){
 return e.slm;
});//OUTPUT 1
/***MORE Complex**/
[{slm:{salat:2}},{slm:{salat:4}},{slm:{salat:5}}].indexOf(4,function(e,i){
 return e.slm.salat;
});//OUTPUT 1
</code></pre>

<h1>API :</h1>

<pre><code> Array.prototype.indexOfOld=Array.prototype.indexOf

 Array.prototype.indexOf=function(e,fn){
 if(!fn){return this.indexOfOld(e)}
 else{ 
 if(typeof fn ==='string'){var att=fn;fn=function(e){return e[att];}}
 return this.map(fn).indexOfOld(e);
 }
 };
</code></pre>

blocks|key|694939|text|我比较了几种方法，得到了解决这个问题的最快方法的结果。这是一个for循环。它比任何其他方法都要快5%2B倍。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|694940|这是测试的页面：https://jsbench.me/9hjewv6a98|694941|entityMap|0|LINK|mutability|MUTABLE|url|https://jsbench.me/9hjewv6a98^0|V|3|0|8|T|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@]|D|@$9|T|A|U|1|V]]|E|$]]|$1|H|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

I compared several methods and received a result with the fastest way to solve this problem. It's a <code>for</code> loop. It's 5+ times faster than any other method. 

Here is the test's page: <a href="https://jsbench.me/9hjewv6a98" rel="noreferrer">https://jsbench.me/9hjewv6a98</a>

blocks|key|694890|text|如果您的对象与您在数组中使用的对象是同一个对象，那么您应该能够获得对象的索引，就像它是一个字符串一样。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694891|var+hello+=+{
++++hello:+'world',
++++foo:+'bar'
};
var+qaz+=+{
++++hello:+'stevie',
++++foo:+'baz'
}

var+qazCLONE+=+{+//+new+object+instance+and+same+structure
++++hello:+'stevie',
++++foo:+'baz'
}

var+myArray+=+[hello,qaz];

myArray.indexOf(qaz)+//+should+return+1
myArray.indexOf(qazCLONE)+//+should+return+-1|code-block|syntax|javascript|694892|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|$]]

If your object is the same object of the ones you are using within the array, you should be able to get the index of the Object in the same way you do as if it was a string.

<pre><code>var hello = {
 hello: 'world',
 foo: 'bar'
};
var qaz = {
 hello: 'stevie',
 foo: 'baz'
}

var qazCLONE = { // new object instance and same structure
 hello: 'stevie',
 foo: 'baz'
}

var myArray = [hello,qaz];

myArray.indexOf(qaz) // should return 1
myArray.indexOf(qazCLONE) // should return -1
</code></pre>

blocks|key|694841|text|我在这里对各种答案做了一些性能测试，任何人都可以自己运行它们：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694842|https://jsperf.com/find-index-of-object-in-array-by-contents|offset|length|694843|根据我在Chrome中的初始测试，以下方法(使用在原型中设置的for循环)是最快的：|694844|Array.prototype.indexOfObject+=+function+(property,+value)+{
++++for+(var+i+=+0,+len+=+this.length;+i+<+len;+i%2B%2B)+{
++++++++if+(this[i][property]+===+value)+return+i;
++++}
++++return+-1;
}

myArray.indexOfObject("hello",+"stevie");|code-block|syntax|javascript|694845|这段代码是Nathan+Zaetta答案的稍微修改过的版本。|694846|在性能基准测试中，我尝试将目标放在1000对象数组的中间(索引500)和末尾(索引999)，即使我将目标放入数组中的最后一项(这意味着它必须遍历数组中的每一项才能找到)，它仍然是最快的。|694847|这个解决方案的好处还在于，它是重复执行的最简洁的解决方案之一，因为只需要重复最后一行：|694848|myArray.indexOfObject("hello",+"stevie");|694849|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|1O|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|11|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|12|8|@]|9|@$D|13|E|14|1|15]]|A|$]]|$1|F|3|G|5|6|7|16|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|17|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|18|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|1A|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1B|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|C]]]]

I did some performance testing of various answers here, which anyone can run them self:

<a href="https://jsperf.com/find-index-of-object-in-array-by-contents" rel="noreferrer">https://jsperf.com/find-index-of-object-in-array-by-contents</a>

Based on my initial tests in Chrome, the following method (using a for loop set up inside a prototype) is the fastest:

<pre><code>Array.prototype.indexOfObject = function (property, value) {
 for (var i = 0, len = this.length; i &lt; len; i++) {
 if (this[i][property] === value) return i;
 }
 return -1;
}

myArray.indexOfObject("hello", "stevie");
</code></pre>

This code is a slightly modified version of Nathan Zaetta's answer.

In the performance benchmarks I tried it with both the target being in the middle (index 500) and very end (index 999) of a 1000 object array, and even if I put the target in as the very last item in the array (meaning that it it has to loop through every single item in the array before it's found) it still ends up the fastest.

This solution also has the benefit of being one of the most terse for repeatedly executing, since only the last line needs to be repeated:

<pre><code>myArray.indexOfObject("hello", "stevie");
</code></pre>

blocks|key|478316|text|array.filter(function(item,+indx,+arr){+return(item.hello+===+'stevie');+})[0];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|478317|注意[0]。|unstyled|offset|length|style|CODE|478318|使用Antonio+Laguna的答案中的reduce是合适的。|478319|很抱歉我这么简短...|478320|entityMap^0|0|2|3|0|2|E|L|6|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@$G|S|H|T|I|J]]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@$G|V|H|W|I|J]|$G|X|H|Y|I|J]]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@]|9|@]|A|$]]|$1|O|3|-4|5|F|7|10|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>array.filter(function(item, indx, arr){ return(item.hello === 'stevie'); })[0];
</code></pre>

Mind the <code>[0]</code>.

It is proper to use <code>reduce</code> as in <code>Antonio Laguna</code>'s answer.

Apologies for the brevity...

blocks|key|694657|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694658|console.log(Object.keys({foo:"_0_",+bar:"_1_"}).indexOf("bar"));|code-block|syntax|javascript|694659|https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys|offset|length|694660|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|2H|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|T|8|@]|9|@$I|U|J|V|1|W]]|A|$]]|$1|K|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|H]]]]

Try this:

<pre><code>console.log(Object.keys({foo:"_0_", bar:"_1_"}).indexOf("bar"));
</code></pre>

<a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys" rel="nofollow">https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Object/keys</a>

blocks|key|478592|text|简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|478593|myArray.indexOf(myArray.filter(function(item)+{
++++return+item.hello+==+"stevie"
})[0])|code-block|syntax|javascript|478594|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|$]]

simple:

<pre><code>myArray.indexOf(myArray.filter(function(item) {
 return item.hello == "stevie"
})[0])
</code></pre>

blocks|key|478146|text|请参阅此示例：http://jsfiddle.net/89C54/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|478147|for+(i+=+0;+i+<+myArray.length;+i%2B%2B)+{
++++if+(myArray[i].hello+===+'stevie')+{
++++++++alert('position:+'+%2B+i);
++++++++return;
++++}
}|code-block|syntax|javascript|478148|它开始从零开始计数。|478149|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/89C54/^0|7|Q|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|F|7|W|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|X|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

See this example: <a href="http://jsfiddle.net/89C54/" rel="nofollow">http://jsfiddle.net/89C54/</a>

<pre><code>for (i = 0; i &lt; myArray.length; i++) {
 if (myArray[i].hello === 'stevie') {
 alert('position: ' + i);
 return;
 }
}
</code></pre>

It starts to count with zero.

blocks|key|694479|text|我做了一个泛型函数来检查下面的代码，它适用于任何对象|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694480|function+indexOfExt(list,+item)+{
++++var+len+=+list.length;

++++for+(var+i+=+0;+i+<+len;+i%2B%2B)+{
++++++++var+keys+=+Object.keys(list[i]);
++++++++var+flg+=+true;
++++++++for+(var+j+=+0;+j+<+keys.length;+j%2B%2B)+{
++++++++++++var+value+=+list[i][keys[j]];
++++++++++++if+(item[keys[j]]+!==+value)+{
++++++++++++++++flg+=+false;
++++++++++++}
++++++++}
++++++++if+(flg+==+true)+{
++++++++++++return+i;
++++++++}
++++}
++++return+-1;
}

var+items+=+[{+"hello":+'world',+"foo":+'bar'+}];
var+selectedItem+=+{+"hello":+'world',+"foo":+'bar'+};
alert(items.indexOf(selectedItem));
alert(indexOfExt(items,+selectedItem));|code-block|syntax|javascript|694481|第一个警报将返回-1+(表示未找到匹配)，第二个警报将返回0(表示找到匹配)。|694482|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I have made a generic function to check the below is the code &amp; works for any object

<pre><code>function indexOfExt(list, item) {
 var len = list.length;

 for (var i = 0; i &lt; len; i++) {
 var keys = Object.keys(list[i]);
 var flg = true;
 for (var j = 0; j &lt; keys.length; j++) {
 var value = list[i][keys[j]];
 if (item[keys[j]] !== value) {
 flg = false;
 }
 }
 if (flg == true) {
 return i;
 }
 }
 return -1;
}

var items = [{ "hello": 'world', "foo": 'bar' }];
var selectedItem = { "hello": 'world', "foo": 'bar' };
alert(items.indexOf(selectedItem));
alert(indexOfExt(items, selectedItem));
</code></pre>

The first alert will return -1 (means match not found) &amp; second alert will return 0 (means match found).

blocks|key|694573|text|使用underscore.js+library中的_.findIndex|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|694574|下面是示例_.findIndex([{a:1},{a:+2,c:10},{a:+3}],+{a:2,c:10})+//1|694575|entityMap|0|LINK|mutability|MUTABLE|url|http://underscorejs.org/#findIndex^0|P|B|2|L|0|0|5|1J|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]]|D|@$9|S|A|T|1|U]]|E|$]]|$1|F|3|G|5|6|7|V|8|@$9|W|A|X|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|Y|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

Use <code>_.findIndex</code> from <a href="http://underscorejs.org/#findIndex" rel="nofollow">underscore.js library</a> 

Here's the example
<code>_.findIndex([{a:1},{a: 2,c:10},{a: 3}], {a:2,c:10}) //1</code>

blocks|key|694642|text|使用ES6+findIndex+method，不使用lodash或任何其他库，您可以编写：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|694643|function+deepIndexOf(arr,+obj)+{
++return+arr.findIndex(function+(cur)+{
++++return+Object.keys(obj).every(function+(key)+{
++++++return+obj[key]+===+cur[key];
++++});
++});
}|code-block|syntax|javascript|694644|这将比较对象的直接属性，但不会递归到属性中。|694645|如果您的实现还没有提供findIndex+(大多数都没有)，您可以添加一个支持此搜索的轻量级polyfill：|694646|function+deepIndexOf(arr,+obj)+{
++function+findIndex+=+Array.prototype.findIndex+%7C%7C+function+(pred)+{
++++for+(let+i+=+0;+i+<+this.length;+%2B%2Bi)+{
++++++if+(pred.call(this,+this[i],+i))+{
++++++++return+i;
++++++}
++++}

++++return+-1;
++}

++return+findIndex.call(arr,+function+(cur)+{
++++return+Object.keys(obj).every(function+(key)+{
++++++return+obj[key]+===+cur[key];
++++});
++});
}|694647|(来自我在this+dupe上的回答)|694648|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex|1|https://stackoverflow.com/a/35207185/129032^0|6|9|6|G|0|0|0|0|B|9|0|0|5|9|1|0^^$0|@$1|2|3|4|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]]|E|$]]|$1|F|3|G|5|H|7|18|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|19|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|1A|8|@$9|1B|A|1C|B|C]]|D|@]|E|$]]|$1|O|3|P|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|Q|3|R|5|6|7|1E|8|@]|D|@$9|1F|A|1G|1|1H]]|E|$]]|$1|S|3|-4|5|6|7|1I|8|@]|D|@]|E|$]]]|T|$U|$5|V|W|X|E|$Y|Z]]|10|$5|V|W|X|E|$Y|11]]]]

Using the ES6 <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex" rel="nofollow noreferrer"><code>findIndex</code> method</a>, without lodash or any other libraries, you can write:

<pre><code>function deepIndexOf(arr, obj) {
 return arr.findIndex(function (cur) {
 return Object.keys(obj).every(function (key) {
 return obj[key] === cur[key];
 });
 });
}
</code></pre>

This will compare the immediate properties of the object, but not recurse into the properties.

If your implementation doesn't provide <code>findIndex</code> yet (most don't), you can add a light polyfill that supports this search:

<pre><code>function deepIndexOf(arr, obj) {
 function findIndex = Array.prototype.findIndex || function (pred) {
 for (let i = 0; i &lt; this.length; ++i) {
 if (pred.call(this, this[i], i)) {
 return i;
 }
 }

 return -1;
 }

 return findIndex.call(arr, function (cur) {
 return Object.keys(obj).every(function (key) {
 return obj[key] === cur[key];
 });
 });
}
</code></pre>

(from my answer on <a href="https://stackoverflow.com/a/35207185/129032">this dupe</a>)

blocks|key|694555|text|这是在数组中查找对象索引的方法|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694556|++++var+myArray+=+[{++hello:+'world',
++++++++foo:+'bar'
++++},{
++++++++hello:+'stevie',
++++++++foo:+'baz'
++++}];



++++for+(i+=+0;+i+<+myArray.length;+i%2B%2B)+{
++++++++if+(myArray[i].hello+===+'stevie')+{
++++++++++++alert('position:+'+%2B+i);
++++++++++++return;
++++++++}
++++}|code-block|syntax|javascript|694557|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|$]]

This is the way to find the object's index in array

<pre><code> var myArray = [{ hello: 'world',
 foo: 'bar'
 },{
 hello: 'stevie',
 foo: 'baz'
 }];



 for (i = 0; i &lt; myArray.length; i++) {
 if (myArray[i].hello === 'stevie') {
 alert('position: ' + i);
 return;
 }
 }
</code></pre>

blocks|key|694754|text|您可以简单地使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694755|​|694756|const+someId+=+2;
const+array+=+[{id:1},+{id:2},+{id:3}];
const+index+=+array.reduce((i,+item,+index)+=>+item.id+===+someId+?+index+:+i,+-1);
alert('someId+'+%2B+someId+%2B+'+is+at+index+'+%2B+index);|code-block|syntax|javascript|694757|694758|没有下划线，没有for，只有一个减号。|694759|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

You can simply use 

<div class="snippet" data-lang="js" data-hide="false" data-console="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const someId = 2;
const array = [{id:1}, {id:2}, {id:3}];
const index = array.reduce((i, item, index) =&gt; item.id === someId ? index : i, -1);
alert('someId ' + someId + ' is at index ' + index);</code></pre>
</div>
</div>


No underscore, no for, just a reduce.

blocks|key|694860|text|var+hello+=+{hello:+"world",++foo:+"bar"};
var+qaz+=+{hello:+"stevie",+foo:+"baz"};
var+myArray+=+[];
myArray.push(hello,qaz);

function+indexOfObject(+arr,+key,+value+++)+{
++++var+j+=+-1;
++++var+result+=+arr.some(function(obj,+i)+{+
++++++++j%2B%2B;
++++++++return+obj[key]+==+value;
++++})

++++if+(!result)+{
++++++++return+-1;
++++}+else+{
++++++++return+j;
++++};
}

alert(indexOfObject(myArray,"hello","world"));|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|694861|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>var hello = {hello: "world", foo: "bar"};
var qaz = {hello: "stevie", foo: "baz"};
var myArray = [];
myArray.push(hello,qaz);

function indexOfObject( arr, key, value ) {
 var j = -1;
 var result = arr.some(function(obj, i) { 
 j++;
 return obj[key] == value;
 })

 if (!result) {
 return -1;
 } else {
 return j;
 };
}

alert(indexOfObject(myArray,"hello","world"));
</code></pre>

blocks|key|695029|text|这里的大多数答案并不能解决所有问题。我发现这个解决方案更好：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|695030|const+isInarray+=+myArr.filter((obj)+=>+obj.hello+===+'stevie'+&&+obj.foo+===+'baz').length+>+0;
if+(!isInArray)+{
+....
}|code-block|syntax|javascript|695031|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|$]]

Most answers response here do not resolve all cases.
I found this solution better:
<pre class="lang-js prettyprint-override"><code>const isInarray = myArr.filter((obj) =&gt; obj.hello === 'stevie' &amp;&amp; obj.foo === 'baz').length &gt; 0;
if (!isInArray) {
 ....
}
</code></pre>

blocks|key|694398|text|您可以创建自己的原型来执行此操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|694399|类似于：|694400|Array.prototype.indexOfObject+=+function+(object)+{
++++for+(var+i+=+0;+i+<+this.length;+i%2B%2B)+{
++++++++if+(JSON.stringify(this[i])+===+JSON.stringify(object))
++++++++++++return+i;
++++}
}|code-block|syntax|javascript|694401|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can create your own prototype to do this:

something like: 

<pre><code>Array.prototype.indexOfObject = function (object) {
 for (var i = 0; i &lt; this.length; i++) {
 if (JSON.stringify(this[i]) === JSON.stringify(object))
 return i;
 }
}
</code></pre>

blocks|key|694360|text|我更喜欢使用findIndex()方法：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|694361|+var+index+=+myArray.findIndex('hello','stevie');|code-block|syntax|javascript|694362|index会给你索引号。|694363|entityMap^0|6|B|0|0|0|5|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|N|$]]

I will prefer to use <code>findIndex()</code> method:

<pre><code> var index = myArray.findIndex('hello','stevie');
</code></pre>

<code>index</code> will give you the index number.

What's the best method to get the index of an array which contains objects?

Imagine this scenario:

<pre><code>var hello = {
 hello: 'world',
 foo: 'bar'
};
var qaz = {
 hello: 'stevie',
 foo: 'baz'
}

var myArray = [];
myArray.push(hello,qaz);
</code></pre>

Now I would like to have the <code>indexOf</code> the object which <code>hello</code> property is <code>'stevie'</code> which, in this example, would be <code>1</code>.

I'm pretty newbie with JavaScript and I don't know if there is a simple method or if I should build my own function to do that.

indexOf method in an object array?

性能测试

JSON

获取包含对象的数组的索引的最佳方法是什么？想象一下这样的场景：var hello = {    hello: 'world',    foo: 'bar'};var qaz = {    hello: 'stevie',    foo: 'baz'}var myArray = [];myArray.push(hello,qaz);现在我想让indexOf对象的hello属性为'stevie'，在本

问对象数组中的indexOf方法？
EN

回答 23

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对象数组中的indexOf方法？EN

回答 23

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对象数组中的indexOf方法？
EN