밑줄에 특정 키 값이있는 객체의 배열 인덱스를 찾습니다.


91

밑줄에서 특정 키 값이있는 항목을 성공적으로 찾을 수 있습니다.

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

하지만 객체가 발생한 배열 인덱스를 어떻게 찾습니까?



감사합니다-이것은 유용합니다-그러나 나열된 예에서는 숫자 배열에서 단일 숫자를 검색하고 있습니다. 객체 배열에서 키 값을 찾고 있습니다. 이 기능이이를 수용할까요?
mheavers 2014

2
숫자 테스트 든 속성 동등성 술어 든 상관 없습니다.
Bergi

시도 findIndex:var dataIndex = _.findIndex(tv, { id: voteID })
톰 Söderlund에게

질문에서 요청한대로 Underscore 솔루션을 제공하는 답변을 수락 하는 것이 좋습니다.
Nigel B. Peck

답변:


28

이 작업을 수행하는 기존 밑줄 방법이 있는지 모르겠지만 일반 자바 스크립트로 동일한 결과를 얻을 수 있습니다.

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;기본적으로 왜 안 됩니까?
Radu Chiriac

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


내가 밑줄에 대해 확실하지 않다하지만 lodash에 당신은 익명 함수, 간단하게 필요하지 않은 index = _.findIndex(tv, {id: voteID})경우 생성도 작동, 작동을 tv컬렉션 이상 (개 단지 이상의 값 복잡했다 id속성)
스콧 Jungwirth을

1
pluck을 사용하는 포인트는 훨씬 느립니다. 나는 그것의 여분의 횡단 때문에. jsperf.com/compare-find-index
Farshid Saberi

38

조건 자 함수가 더 유연해질 수 있도록 밑줄을 유지하려면 여기에 두 가지 아이디어가 있습니다.

방법 1

for 술어 _.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;This is the same idea with the first method.로 바꾸면됩니다. 밑줄은 부작용도 구현한다는 점을 지적하기 위해 포함했습니다 _.find.


37

Underscore를 확장하는 Lo-Dash 에는 주어진 인스턴스의 인덱스를 찾을 수있는 findIndex 메서드가 있으며, 주어진 조건 자에 의해 또는 주어진 객체의 속성에 따라 찾을 수 있습니다.

귀하의 경우에는 다음과 같이 할 것입니다.

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

시도 해봐.


findIntex하지 밑줄에서 보라 대시에서 방법을 it'ts
Wallysson Nunes 보낸

4
@WallyssonNunes 이것이 내가 쓴 바로 그것입니다- "Underscore를 확장하는 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)
meagar

1
이것이 이전 답변보다 얼마나 간단합니까 ??
ncubica

2

이것은 lodash사용자 를 돕기위한 것입니다. 다음을 수행하여 키가 있는지 확인하십시오.

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

1

가장 간단한 해결책은 lodash를 사용하는 것입니다.

  1. lodash를 설치합니다.

npm 설치-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>

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.