знайти індекс масиву об’єкта з певним значенням ключа в підкресленні


91

Підкреслено, я можу успішно знайти предмет із певним значенням ключа

var tv = [{id:1},{id:2}]
var voteID = 2;
var data = _.find(tv, function(voteItem){ return voteItem.id == voteID; });
//data = { id: 2 }

але як мені знайти, в якому індексі масиву відбувся цей об’єкт?



Дякую - це корисно - але у наведеному прикладі ви шукаєте одне число в масиві чисел - я шукаю значення ключа в масиві об’єктів. Чи вмістить ця функція це?
mheavers

2
Чи є це числовий тест чи предикат вашої властивості не має значення, так.
Бергі

Спробуйте findIndex:var dataIndex = _.findIndex(tv, { id: voteID })
Том Сьодерлунд

Будь ласка, подумайте про те, щоб прийняти відповідь, яка надає рішення для підкреслення , як це вимагається у питанні.
Найджел Б. Пек,

Відповіді:


28

Я не знаю, чи існує існуючий метод підкреслення, який робить це, але ви можете досягти того самого результату за допомогою простого javascript.

Array.prototype.getIndexBy = function (name, value) {
    for (var i = 0; i < this.length; i++) {
        if (this[i][name] == value) {
            return i;
        }
    }
    return -1;
}

Тоді ви можете просто зробити:

var data = tv[tv.getIndexBy("id", 2)]


4
Чому не return -1;за замовчуванням?
Раду Кіріак

171

findIndex було додано в 1.8:

index = _.findIndex(tv, function(voteItem) { return voteItem.id == voteID })

Див .: http://underscorejs.org/#findIndex

Як варіант, це також працює, якщо ви не проти скласти ще один тимчасовий список:

index = _.indexOf(_.pluck(tv, 'id'), voteId);

Див .: http://underscorejs.org/#pluck


Я не впевнений щодо підкреслення, але в лодаші вам не потрібна анонімна функція, вона просто index = _.findIndex(tv, {id: voteID})буде працювати, також працює, якщо tvколекція має більш складні значення (більше, ніж просто idвластивість)
Скотт Юнгвірт,

1
Просто точка з використанням зриву набагато повільніша. Я через його додатковий траверс. jsperf.com/compare-find-index
Сабері

38

Якщо ви хочете дотримуватися підкреслення, щоб ваша функція предикатів могла бути гнучкішою, ось 2 ідеї.

Спосіб 1

Оскільки предикат для _.findотримує як значення, так і індекс елемента, ви можете використовувати побічний ефект для отримання індексу, наприклад:

var idx;
_.find(tv, function(voteItem, voteIdx){ 
   if(voteItem.id == voteID){ idx = voteIdx; return true;}; 
});

Спосіб 2

Дивлячись на джерело підкреслення, реалізується ось як _.find:

_.find = _.detect = function(obj, predicate, context) {
  var result;
  any(obj, function(value, index, list) {
    if (predicate.call(context, value, index, list)) {
      result = value;
      return true;
    }
  });
  return result;
};

Щоб зробити це findIndexфункцією, просто замініть рядок result = value;на result = index;Це така сама ідея, як і перший метод. Я включив його, щоб зазначити, що підкреслення використовує також побічний ефект для реалізації _.find.


37

Lo-Dash , який розширює Підкреслення, має findIndex метод , який може знайти індекс даного екземпляра, або за даним предикатом, або за властивостями даного об'єкта.

У вашому випадку я б зробив:

var index = _.findIndex(tv, { id: voteID });

Спробувати.


findIntex це метод з тире, а не з підкреслення
Wallysson Nunes

4
@WallyssonNunes Це саме те, що я писав - "Lo-Dash, який розширює Підкреслення, має метод findIndex"
splintor

3
Зараз це частина стандартної бібліотеки підкреслення, станом на версію 1.8.0: underscorejs.org/#1.8.0
Gage Trader

10

Якщо ваше цільове середовище підтримує ES2015 (або у вас є крок транпіляції, наприклад, з Babel), ви можете використовувати власний Array.prototype.findIndex ().

Враховуючи ваш приклад

const array = [ {id:1}, {id:2} ]
const desiredId = 2;
const index = array.findIndex(obj => obj.id === desiredId);

4

Ви можете використовувати indexOfметод зlodash

var tv = [{id:1},{id:2}]
var voteID = 2;
var data = _.find(tv, function(voteItem){ return voteItem.id == voteID; });
var index=_.indexOf(tv,data);

3

Нехай це буде просто:

// Find the index of the first element in array
// meeting specified condition.
//
var findIndex = function(arr, cond) {
  var i, x;
  for (i in arr) {
    x = arr[i];
    if (cond(x)) return parseInt(i);
  }
};

var idIsTwo = function(x) { return x.id == 2 }
var tv = [ {id: 1}, {id: 2} ]
var i = findIndex(tv, idIsTwo) // 1

Або для нененависників варіант CoffeeScript:

findIndex = (arr, cond) ->
  for i, x of arr
    return parseInt(i) if cond(x)

1
краще було бreturn parseInt(i) for i, x of array when cond(x)
меагар

1
як це просто, ніж попередні відповіді ??
ncubica

2

Це допоможе lodashкористувачам. перевірте, чи присутній ваш ключ, виконавши:

hideSelectedCompany(yourKey) {
 return _.findIndex(yourArray, n => n === yourKey) === -1;
}

1

Найпростішим рішенням є використання lodash:

  1. Встановити lodash:

npm install --save lodash

  1. Використовуйте метод findIndex:

const _ = require ('lodash');

findIndexByElementKeyValue = (elementKeyValue) => {
  return _.findIndex(array, arrayItem => arrayItem.keyelementKeyValue);
}

0

Якщо ви очікуєте кілька збігів і, отже, вам потрібно повернути масив, спробуйте:

_.where(Users, {age: 24})

Якщо значення властивості унікальне і вам потрібен індекс відповідності, спробуйте:

_.findWhere(Users, {_id: 10})

0
Array.prototype.getIndex = function (obj) {
    for (var i = 0; i < this.length; i++) {
        if (this[i][Id] == obj.Id) {
            return i;
        }
    }
    return -1;
}

List.getIndex(obj);

0

Я отримав подібний випадок, але навпаки - знайти використаний ключ на основі індексу даного об'єкта. Я міг знайти рішення підкреслення, використовуючи Object.valuesдля повернення об'єкта в масив, щоб отримати індекс, що відбувся.

var tv = {id1:1,id2:2};
var voteIndex = 1;
console.log(_.findKey(tv, function(item) {
  return _.indexOf(Object.values(tv), item) == voteIndex;
}));
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js"></script>

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.