Javascript indexOf для массива объектов

Question

если у меня есть массив вроде:

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

Как мне получить индекс, скажем, "синий"?

Answer 1

Если вы уже используете ECMAScript 5 в своем коде, вы можете использовать его:

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

Обратите внимание, что поддержка этих функций довольно ограничена (они не работают в Internet Explorer 8).

Кроме того, если вы находитесь в будущем и используете ES6, вы можете сделать это:

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

То же, что и выше, но меньше.

Answer 2

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

Нет «чистого» способа, если вы не хотите привлекать стороннюю библиотеку. Подчеркивание хорошо для таких вещей.

Answer 3

Я знаю, что это очень старый, но Javascript es6 имеет отличный метод Array.prototype.findIndex () , так что вы можете просто сделать:

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

Answer 4

Это не многомерный массив (или даже зубчатый массив, который используется вместо многомерных массивов в Javascript, поскольку их не существует). Это массив объектов.

Вы можете перебирать элементы в массиве:

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

Теперь переменная index содержит значение 1 с вашим примером.

Answer 5

Вы можете использовать метод .findIndex ()

В вашем случае

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

Надеюсь, это поможет.

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 не дает вам много работы.