web-dev-qa-db-ja.com

アンダースコア内の特定のキー値を持つオブジェクトの配列インデックスを見つける

アンダースコアでは、特定のキー値を持つアイテムを正常に見つけることができます

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

しかし、そのオブジェクトが発生した配列インデックスを見つけるにはどうすればよいですか？

javascriptunderscore.js
82
mheavers

これを行う既存のアンダースコアメソッドがあるかどうかはわかりませんが、プレーンな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)]

28
tewathia

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

159
Ropez

述部関数をより柔軟にするためにアンダースコアを使用したい場合、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
lastoneisbearfood

Lo-Dash は、アンダースコアを拡張し、 findIndex メソッドがあり、特定のインスタンスのインデックス、特定の述語、または特定のプロパティに従ってインデックスを検索できますオブジェクト。

あなたの場合、私はそうするでしょう：

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

試してみる。

33
splintor

ターゲット環境がES2015をサポートしている場合（またはBabelでトランスパイルステップがある場合など）、ネイティブのArray.prototype.findIndex（）を使用できます。

あなたの例を考えると

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

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);
4
Amil Sajeev

Keepin 'it simple：

// 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)
3
joyrexus

これはlodashユーザーを支援するためです。以下を実行して、キーが存在するかどうかを確認します。

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

最も簡単な解決策はlodashを使用することです：

  1. Lodashをインストールします。

npm install --save lodash

  1. メソッドfindIndexを使用します。

const _ = require（ 'lodash'）;

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

複数の一致が予想されるため、配列を返す必要がある場合は、次を試してください。

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

プロパティ値が一意であり、一致のインデックスが必要な場合は、次を試してください。

_.findWhere(Users, {_id: 10})
0
Ketan
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
Chinna Amara