Làm thế nào để có được chỉ mục của đối tượng bởi thuộc tính của nó trong JavaScript?

Ví dụ: tôi có:

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

Sau đó, tôi muốn sắp xếp / đảo ngược đối tượng này bằng name, ví dụ. Và sau đó tôi muốn có được một cái gì đó như thế này:

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

Và bây giờ tôi muốn biết chỉ mục của đối tượng với thuộc tính name='John'để lấy giá trị của mã thông báo thuộc tính.

Làm thế nào để tôi giải quyết vấn đề?

Như các câu trả lời khác cho thấy, lặp qua mảng có lẽ là cách tốt nhất. Nhưng tôi sẽ đặt nó trong chức năng của chính nó, và làm cho nó trừu tượng hơn một chút:

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

Với điều này, không chỉ bạn có thể tìm thấy cái nào chứa 'John' mà bạn có thể tìm thấy cái nào chứa mã thông báo '312312':

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

EDIT: Hàm được cập nhật để trả về -1 khi không tìm thấy để nó tuân theo cấu trúc tương tự như Array.prototype.indexOf ()

Vì phần sắp xếp đã được trả lời. Tôi sẽ đề xuất một cách thanh lịch khác để lấy indexOf của một thuộc tính trong mảng của bạn

Ví dụ của bạn là:

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

Bạn có thể làm:

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

Array.prototype.mapkhông có sẵn trên IE7 hoặc IE8. Khả năng tương thích ES5

Và đây là cú pháp ES6 và mũi tên, thậm chí còn đơn giản hơn:

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

Nếu bạn ổn với việc sử dụng ES6. Mảng hiện có chức năng find Index . Điều đó có nghĩa là bạn có thể làm một cái gì đó như thế này:

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

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

Đây là phiên bản đơn giản hóa của:

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

Từ mozilla.org:

Phương thức find Index () trả về chỉ mục của phần tử đầu tiên trong mảng thỏa mãn hàm kiểm tra được cung cấp. Nếu không -1 được trả về.

Nếu bạn gặp sự cố với IE, bạn có thể sử dụng hàm map () được hỗ trợ từ 9.0 trở đi:

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

Cách duy nhất được biết với tôi là lặp qua tất cả các mảng:

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

hoặc trường hợp không nhạy cảm:

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

Trên chỉ mục biến kết quả chứa chỉ mục của đối tượng hoặc -1 nếu không tìm thấy.

một cách nguyên mẫu

(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.

Bạn có thể sử dụng Array.sort bằng cách sử dụng một hàm tùy chỉnh làm tham số để xác định mecanism sắp xếp của bạn.

Trong ví dụ của bạn, nó sẽ cung cấp:

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'

Hàm sắp xếp phải trả về -1 nếu a nên đến trước b, 1 nếu a nên đến sau b và 0 nếu cả hai đều bằng nhau. Tùy thuộc vào bạn để xác định logic đúng trong chức năng sắp xếp của bạn để sắp xếp mảng.

Chỉnh sửa: Bỏ lỡ phần cuối của câu hỏi của bạn, nơi bạn muốn biết chỉ mục. Bạn sẽ phải lặp qua các mảng để tìm thấy điều đó như những người khác đã nói.

Chỉ cần đi qua mảng của bạn và tìm vị trí:

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

Điều này có thể hữu ích

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

Sao chép này từ https://developer.mozilla.org/en/JavaScript/Guide/Working_with_Objects

Tại sao bạn không sử dụng một công việc nhỏ?

Tạo một mảng mới với tên là chỉ mục. sau đó tất cả các tìm kiếm sẽ sử dụng các chỉ mục. Vì vậy, chỉ có một vòng lặp. Sau đó, bạn không cần phải lặp qua tất cả các yếu tố!

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

ví dụ sống.

Câu trả lời mở rộng của Chris Pickett vì trong trường hợp của tôi, tôi cần tìm kiếm sâu hơn một cấp thuộc tính:

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

Bạn có thể truyền 'attr1.attr2' vào hàm

Cái này thì sao ? :

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

Giả sử bạn đang sử dụng lodash hoặc 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;
}

Nếu bạn có một Đối tượng có nhiều đối tượng bên trong, nếu bạn muốn biết liệu đối tượng nào đó có được bao gồm trên đối tượng Master hay không, chỉ cần đặt find (MasterObject, 'Object to Search'), hàm này sẽ trả về phản hồi nếu tồn tại hay không (TRUE hoặc FALSE ), Tôi hy vọng giúp đỡ với điều này, có thể thấy ví dụ trên 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

Nếu bạn muốn nhận giá trị của mã thông báo thuộc tính thì bạn cũng có thể thử điều này

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

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

trong đó _.findKey là hàm của lodash

Ngoài ra, với câu trả lời của Attanasio Ruiz của Đức, bạn có thể loại bỏ vòng lặp thứ 2 bằng cách sử dụng Array.reduce () thay vì Array.map ();

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

Sử dụng dấu gạch dưới:

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