对象数组上的 Javascript indexOf

Question

如果我有一个类似的数组：

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

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

Answer 1

就我而言，我构建了自己的函数，因为我希望循环在找到的第一个元素处停止。

这就是为什么使用 map 的解决方案在创建新数组时无法解决这种情况。

  var i = 0;
  while (i < myArray.length) {
    if (myArray[i].color == 'blue') {
      return i;
    }
    i++
  }
  return -1

Answer 2

for(var i = 0; i < myArray.length; i++) {
   if(myArray[i].color === 'blue') {
     return i;
   }
}

除非您想涉及第三方库，否则没有“干净”的方法。 Underscore 非常适合这类事情。

Answer 3

您可以使用.findIndex() method

你的情况

var findeMe = "blue";
myArray.findIndex(function(row){
return row.color == findMe;
});

希望对你有帮助。

Answer 4

我知道这已经很老了，但是 Javascript es6 有一个很棒的方法Array.prototype.findIndex()，所以你可以这样做：

let index = myArray.findIndex((item) => item.color === 'blue');
// value of index will be "1"

Answer 5

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

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

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

另外，如果你在未来，并且你正在使用 ES6，你可以这样做：

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

和上面一样，但是更小。

Answer 6

例如这样：

DEMO

Array.prototype.objIndexOf = function(val) {
    var cnt =-1;
    for (var i=0, n=this.length;i<n;i++) {
      cnt++;
      for(var o in this[i]) {
        if (this[i].hasOwnProperty(o) && this[i][o]==val) return cnt;
      }
    }
    return -1;
}
var myArray = [
                {
                    'color':'red',
                    'name': 'redName'
                },
                {
                    'color':'blue',
                    'name': 'blueName'
                },
                {
                    'color':'green',
                    'name': 'greenName'
                    },
                {
                    'color':'yellow',
                    'name': 'yellowName'
                },
             ];
    alert(myArray.objIndexOf('blue'))

Answer 7

我猜你的意思是从你的例子中返回“1”？这是给你的一个功能......

<script type='text/javascript'>
var myArray = [
                {
                    'color':'red',
                    'name': 'redName'
                },
                {
                    'color':'blue',
                    'name': 'blueName'
                },
                {
                    'color':'green',
                    'name': 'greenName'
                    },
                {
                    'color':'yellow',
                    'name': 'yellowName'
                },
             ];
function getIndexOf(a,v) {
  var l = a.length;
  for (var k=0;k<l;k++) {
    if (a[k].color==v) {
        return k;
      }
  }                      
  return false;
}

alert (getIndexOf(myArray,'blue'));
</script>

Answer 8

这不是一个多维数组（甚至不是一个锯齿状数组，它被用来代替 Javascript 中的多维数组，因为它们不存在）。那是一个对象数组。

您可以循环遍历数组中的项目：

var index;
for (var i = 0; i < myArray.length; i++) {
  if (myArray[i].color == 'blue') {
    index = i;
    break;
  }
}

现在变量index 包含值1，与您给出的示例一样。

Answer 9

遍历数组，寻找每个元素对象内的值。原始 JavaScript 并没有为您提供很多工作。