JavaScript에서 속성별로 객체 색인을 얻는 방법은 무엇입니까?

예를 들어, 나는 :

var Data = [
  { id_list: 1, name: 'Nick', token: '312312' },
  { id_list: 2, name: 'John', token: '123123' },
]

그런 다음 예를 들어이 객체 를 정렬 / 역전 하고 싶습니다 name. 그리고 다음과 같은 것을 얻고 싶습니다 :

var Data = [
  { id_list: 2, name: 'John', token: '123123' },
  { id_list: 1, name: 'Nick', token: '312312' },
]

그리고 name='John'속성 토큰의 값을 얻기 위해 속성이있는 객체의 색인을 알고 싶습니다 .

문제를 어떻게 해결합니까?

다른 답변에서 알 수 있듯이 배열을 반복하는 것이 가장 좋은 방법 일 것입니다. 그러나 나는 그것을 자체 기능에 넣고 조금 더 추상적으로 만들 것입니다.

function findWithAttr(array, attr, value) {
    for(var i = 0; i < array.length; i += 1) {
        if(array[i][attr] === value) {
            return i;
        }
    }
    return -1;
}

var Data = [
    {id_list: 2, name: 'John', token: '123123'},
    {id_list: 1, name: 'Nick', token: '312312'}
];

이를 통해 'John'이 포함 된 것을 찾을 수있을뿐만 아니라 '312312'토큰이 포함 된 것을 찾을 수 있습니다.

findWithAttr(Data, 'name', 'John'); // returns 0
findWithAttr(Data, 'token', '312312'); // returns 1
findWithAttr(Data, 'id_list', '10'); // returns -1

편집 : 찾을 수 없을 때 -1을 반환하도록 함수가 업데이트되었으므로 Array.prototype.indexOf () 와 동일한 구문을 따릅니다.

정렬 부분이 이미 답변되었으므로. 배열에서 속성의 indexOf를 얻는 또 다른 우아한 방법을 제안하려고합니다.

예를 들면 다음과 같습니다.

var Data = [
    {id_list:1, name:'Nick',token:'312312'},
    {id_list:2,name:'John',token:'123123'}
]

넌 할 수있어:

var index = Data.map(function(e) { return e.name; }).indexOf('Nick');

Array.prototype.mapIE7 또는 IE8에서는 사용할 수 없습니다. ES5 호환성

그리고 여기 ES6와 화살표 구문이 있습니다.

const index = Data.map(e => e.name).indexOf('Nick');

ES6을 사용해도 괜찮다면. 배열에는 이제 findIndex 함수가 있습니다. 이것은 다음과 같은 것을 할 수 있음을 의미합니다.

const index = Data.findIndex(item => item.name === 'John');

var index = Data.findIndex(item => item.name == "John")

다음은 단순화 된 버전입니다.

var index = Data.findIndex(function(item){ return item.name == "John"})

에서 mozilla.org :

findIndex () 메소드는 제공된 테스트 함수를 만족하는 배열의 첫 번째 요소 색인을 리턴합니다. 그렇지 않으면 -1이 반환됩니다.

IE에 문제가있는 경우 9.0 이상에서 지원되는 map () 함수를 사용할 수 있습니다.

var index = Data.map(item => item.name).indexOf("Nick");

나에게 알려진 유일한 방법은 모든 배열을 반복하는 것입니다.

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name==="John"){index=i;break;}

또는 대소 문자를 구분하지 않습니다 :

var index=-1;
for(var i=0;i<Data.length;i++)
  if(Data[i].name.toLowerCase()==="john"){index=i;break;}

결과 변수 인덱스 에 오브젝트의 인덱스가 있거나 찾지 못한 경우 -1이 포함됩니다.

프로토 타입 방식

(function(){
  if (!Array.prototype.indexOfPropertyValue){
    Array.prototype.indexOfPropertyValue = function(prop,value){
      for (var index = 0; index < this.length; index++){
        if (this[index][prop]){
          if (this[index][prop] == value){
            return index;
          }
        }
      }
      return -1;
    }
  }
 })();
 // usage:
 var Data = [
 {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}];
 Data.indexOfPropertyValue('name','John'); // returns 1 (index of array);
 Data.indexOfPropertyValue('name','Invalid name') // returns -1 (no result);
 var indexOfArray = Data.indexOfPropertyValue('name','John');
 Data[indexOfArray] // returns desired object.

사용자 지정 함수를 매개 변수로 사용하여 Array.sort를 사용하여 정렬 메커니즘을 정의 할 수 있습니다.

귀하의 예에서 다음을 제공합니다.

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
]

Data.sort(function(a, b){
    return a.name < b.name ? -1 : a.name > b.name ? 1 : 0;
});

alert("First name is : " + Data[0].name); // alerts 'John'
alert("Second name is : " + Data[1].name); // alerts 'Nick'

정렬 함수는 a가 b보다 앞에 오면 -1을, a가 b보다 뒤에 오면 1을, 둘 다 같으면 0을 리턴해야합니다. 정렬 기능에서 올바른 논리를 정의하여 배열을 정렬하는 것은 사용자의 책임입니다.

편집 : 색인을 알고 싶은 질문의 마지막 부분을 놓쳤습니다. 다른 사람들이 말했듯이 배열을 반복해야합니다.

배열을 살펴보고 위치를 찾으십시오.

var i = 0;
for(var item in Data) {
    if(Data[item].name == 'John')
        break;
    i++;
}
alert(i);

이것은 유용 할 수 있습니다

function showProps(obj, objName) {  
  var result = "";  
  for (var i in obj)  
    result += objName + "." + i + " = " + obj[i] + "\n";  
  return result;  
}

https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects 에서 복사했습니다.

작은 해결 방법을 사용하지 않는 이유는 무엇입니까?

이름을 인덱스로 사용하여 새 배열을 만듭니다. 그 후 모든 검색은 색인을 사용합니다. 따라서 하나의 루프 만 있습니다. 그 후 모든 요소를 ​​반복 할 필요는 없습니다!

var Data = [
    {id_list:1, name:'Nick',token:'312312'},{id_list:2,name:'John',token:'123123'}
    ]
var searchArr = []
Data.forEach(function(one){
  searchArr[one.name]=one;
})
console.log(searchArr['Nick'])

http://jsbin.com/xibala/1/edit

라이브 예.

Chris Pickett의 답변을 확장했습니다. 제 경우에는 하나의 속성 수준보다 더 깊이 검색해야했습니다.

function findWithAttr(array, attr, value) {
  if (attr.indexOf('.') >= 0) {
    var split = attr.split('.');
    var attr1 = split[0];
    var attr2 = split[1];
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr1][attr2] === value) {
        return i;
      }
    }
  } else {
    for(var i = 0; i < array.length; i += 1) {
      if(array[i][attr] === value) {
        return i;
      }
    }
  };
};

'attr1.attr2'를 함수에 전달할 수 있습니다

이건 어때? :

Data.indexOf(_.find(Data, function(element) {
  return element.name === 'John';
}));

lodash 또는 밑줄을 사용한다고 가정합니다.

var fields = {
teste:
{
    Acess:
    {
        Edit: true,
      View: false

      }
 },
teste1:
{
    Acess:
    {
        Edit: false,
      View: false

      }
  }
};

console.log(find(fields,'teste'));
function find(fields,field){
    for(key in fields){
        if(key == field){
        return true;
    }
}
return false;
}

내부에 곱하기 객체가있는 하나의 객체가있는 경우 일부 객체가 마스터 객체에 포함되어 있는지 확인하려면 find (MasterObject, 'Object to Search')를 넣으십시오.이 함수는 존재하거나 존재하지 않는 경우 (TRUE 또는 FALSE) 응답을 반환합니다 ), 이것에 도움이되기를 바랍니다 .JSFiddle 의 예를 볼 수 있습니다 .

let indexOf = -1;
let theProperty = "value"
let searchFor = "something";

theArray.every(function (element, index) {

    if (element[theProperty] === searchFor) {
        indexOf = index;
        return false;
    }
    return true;
});

collection.findIndex(item => item.value === 'smth') !== -1

속성 토큰의 가치를 얻고 싶다면 이것을 시도해보십시오

    let data=[
      { id_list: 1, name: 'Nick', token: '312312' },
      { id_list: 2, name: 'John', token: '123123' },
    ]

    let resultingToken =  data[_.findKey(data,['name','John'])].token

여기서 _.findKey는 lodash의 함수입니다.

German Attanasio Ruiz의 답변 대신 Array.map () 대신 Array.reduce ()를 사용하여 두 번째 루프를 제거 할 수 있습니다.

var Data = [
    { name: 'hypno7oad' }
]
var indexOfTarget = Data.reduce(function (indexOfTarget, element, currentIndex) {
    return (element.name === 'hypno7oad') ? currentIndex : indexOfTarget;
}, -1);

밑줄 사용 :

var index = _.indexOf(_.pluck(item , 'name'), 'Nick');