Bắt chỉ số yếu tố của một mảng dựa trên thuộc tính của nó

Question

Tôi có một mảng JavaScript của các đối tượng như thế này:

var myArray = [{...}, {...}, {...}]; 

Mỗi đối tượng có độc đáo id trong những khách sạn khác:

{ 
    id: 4, 
    property1: 'something', 
    property2: 'something' 
} 

Làm thế nào tôi có thể nhận được chỉ mục của một đối tượng cụ thể trong mảng đó, nếu tôi chỉ biết thuộc tính id của nó? Vì vậy, nếu tôi biết rằng myArray[x].id == 4, làm thế nào tôi có thể tìm thấy x?

Answer 1

var index = myArray.map(function(el) { 
    return el.id; 
}).indexOf(4); 

Đối với IE dưới phiên bản 9, map cần một bản vá, hoặc chỉ sử dụng một vòng lặp.

Answer 2

Tại sao không chỉ tạo vòng lặp?

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

Thực tế là có nhiều tiện ích trong thư viện js (hoặc js) không có nghĩa là bạn không được, đôi khi viết một vòng lặp. Đó là nhanh chóng và đơn giản.

Answer 3

Bạn có thể sử dụng .reduce(), cho phép bạn giảm một mảng xuống một giá trị duy nhất.

var obj_idx = myArray.reduce(function(idx, item, i) { 
    return item.id === 4 ? i : idx; 
}, -1); 

-1 là giá trị mặc định nếu không tìm thấy kết quả phù hợp.

---

Nếu bạn có nhiều công dụng cho điều này, bạn có thể muốn tạo một nhà máy chức năng.

function idxForID(target) { 
    return function(idx, item, i) { 
     return item.id === target ? i : idx; 
    }; 
} 

Và sau đó sử dụng nó như thế này.

var obj_idx = myArray.reduce(idxForID(4), -1); 

Answer 4

Nếu mỗi id là duy nhất, bạn có thể làm điều đó như thế này:

o1 = {id:1} 
o2 = {id:2} 
o3 = {id:3} 
o4 = {id:4} 
a = [o1,o2,o3,o4] 
a.indexOf(a.filter(function(i){return i.id==4})[0]); 

Answer 5

Bạn cũng có thể thử một hàm đệ quy, mặc dù @ xdazz của ngoại hình khá hấp dẫn.

var indexOfId = function(arr, id, index) { 
    if (!index) { index = 0; } 
    if (arr[index].id == id) { 
     return index; 
    } 
    return ((index += 1) >= arr.length) ? -1 : indexOfId(arr, id, index); 
}; 

Answer 6

Hoặc với cú pháp ES6:

let index = myArray.map((el) => el.id).indexOf(4) 

hoặc

let index = myArray.findIndex((el) => el.id === 4) 

Answer 7

ES6 Array.findIndex

const myArray = [{id:1}, {id:2}, {id3}]; 
const foundIndex = myArray.findIndex((el) => (el.id === 3));