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

編集：Array.prototype.indexOf（） と同じ構成に従うように、見つからない場合は-1を返すように関数を更新しました

ソート部分はすでに答えられているので。配列内のプロパティの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からコピーしました

小さな回避策を使用しないのはなぜですか？

名前をインデックスとして持つ新しい配列を作成します。その後、すべての検索でインデックスが使用されます。つまり、ループは1つだけです。その後、すべての要素をループする必要はありません！

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

実例。

私の場合、1つの属性レベルよりも深く検索する必要があったため、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またはunderscorejsを使用していると仮定します。

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;
}

内部に複数のオブジェクトがある1つのオブジェクトがあり、マスターオブジェクトにオブジェクトが含まれているかどうかを知りたい場合は、find（MasterObject、 'Object to Search'）と入力するだけです。この関数は、存在するかどうか（TRUEまたはFALSE）応答を返します。 ）、私は上のexempleを見ることができ、これで助けを願っています 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の関数です

ドイツのAttanasio Ruizの答えの代わりに、Array.map（）の代わりにArray.reduce（）を使用して、2番目のループを排除できます。

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');