对象数组上的 Javascript indexOf

如果我有一个像这样的数组：

var myArray = [
                {
                    'color':'red',
                    'name': 'redName'
                },
                {
                    'color':'blue',
                    'name': 'blueName'
                },
                {
                    'color':'green',
                    'name': 'greenName'
                    },
                {
                    'color':'yellow',
                    'name': 'yellowName'
                },
             ];

我如何获得“蓝色”的索引？

如果您已经在代码中使用 ECMAScript 5，您可以使用：

myArray
    .map(function (element) {return element.color;})
    .indexOf('blue');

请注意，对这些功能的支持非常有限（它们不适用于 Internet Explorer 8）。

另外，如果你将来使用 ES6，你可以这样做：

myArray.map((el) => el.color).indexOf('blue');

与上面相同，但更小。