Javascript indexOf trên một mảng của các đối tượng

Question

nếu tôi có một mảng như:

var myArray = [ 
       { 
        'color':'red', 
        'name': 'redName' 
       }, 
       { 
        'color':'blue', 
        'name': 'blueName' 
       }, 
       { 
        'color':'green', 
        'name': 'greenName' 
        }, 
       { 
        'color':'yellow', 
        'name': 'yellowName' 
       }, 
      ]; 

Làm thế nào để tôi có được chỉ số nói rằng, "xanh"?

Answer 1

for(var i = 0; i < myArray.length; i++) { 
    if(myArray[i].color === 'blue') { 
    return i; 
    } 
} 

Không có "sạch" đường trừ khi bạn muốn bao gồm một thư viện của bên thứ ba. Underscore là một lựa chọn tốt cho những thứ như thế này.

Answer 2

Lặp lại mảng, tìm giá trị bên trong từng đối tượng phần tử. JavaScript thô không cung cấp cho bạn nhiều thứ để làm việc cùng.

Answer 3

Đó không phải là mảng đa chiều (hoặc thậm chí là một mảng răng cưa, được sử dụng thay cho mảng đa chiều trong Javascript vì chúng không tồn tại). Đó là một mảng các đối tượng.

Bạn có thể lặp qua các mục trong mảng:

var index; 
for (var i = 0; i < myArray.length; i++) { 
    if (myArray[i].color == 'blue') { 
    index = i; 
    break; 
    } 
} 

Bây giờ biến index chứa giá trị 1, với ví dụ cho bạn.

Answer 4

Tôi đoán bạn có ý nghĩa gì từ ví dụ của mình để trả về "1"? Đây là một chức năng cho bạn ...

<script type='text/javascript'> 
var myArray = [ 
       { 
        'color':'red', 
        'name': 'redName' 
       }, 
       { 
        'color':'blue', 
        'name': 'blueName' 
       }, 
       { 
        'color':'green', 
        'name': 'greenName' 
        }, 
       { 
        'color':'yellow', 
        'name': 'yellowName' 
       }, 
      ]; 
function getIndexOf(a,v) { 
    var l = a.length; 
    for (var k=0;k<l;k++) { 
    if (a[k].color==v) { 
     return k; 
     } 
    }      
    return false; 
} 

alert (getIndexOf(myArray,'blue')); 
</script> 

Answer 5

Ví dụ như thế này:

DEMO

Array.prototype.objIndexOf = function(val) { 
    var cnt =-1; 
    for (var i=0, n=this.length;i<n;i++) { 
     cnt++; 
     for(var o in this[i]) { 
     if (this[i].hasOwnProperty(o) && this[i][o]==val) return cnt; 
     } 
    } 
    return -1; 
} 
var myArray = [ 
       { 
        'color':'red', 
        'name': 'redName' 
       }, 
       { 
        'color':'blue', 
        'name': 'blueName' 
       }, 
       { 
        'color':'green', 
        'name': 'greenName' 
        }, 
       { 
        'color':'yellow', 
        'name': 'yellowName' 
       }, 
      ]; 
    alert(myArray.objIndexOf('blue')) 

Answer 6

Nếu bạn đã sử dụng ECMAScript 5 trong mã của bạn, bạn có thể sử dụng:

myArray 
    .map(function (element) {return element.color;}) 
    .indexOf('blue'); 

Lưu ý rằng sự ủng hộ đối với các chức năng là khá hạn chế (chúng không hoạt động trên Internet Explorer 8).

Ngoài ra, nếu bạn đang ở trong tương lai, và bạn đang sử dụng ES6 bạn có thể làm điều đó:

myArray.map((el) => el.color).indexOf('blue'); 

Đó là tương tự như trên, nhưng nhỏ hơn.

Answer 7

Tôi biết đây là siêu cũ nhưng Javascript es6 có một phương pháp tuyệt vời Array.prototype.findIndex(), vì vậy bạn chỉ có thể làm:

let index = myArray.findIndex((item) => item.color === 'blue'); 
// value of index will be "1" 

Answer 8

Bạn có thể sử dụng .findIndex() method

Trong trường hợp của bạn

var findeMe = "blue"; 
myArray.findIndex(function(row){ 
return row.color == findMe; 
}); 

Tôi hy vọng nó giúp.