Cho một mảng và vị từ, tìm phần tử khớp đầu tiên

Question

Có một hàm hiện có nào tìm thấy phần tử mảng đầu tiên khớp với một số biến vị ngữ chung không?

$.fn.findFirstMatching = function(predicate) { 
    var result; 
    $.each(this, function(index, value) { 
     if (predicate(index, value)) { 
      result = {index: index, value: value}; 
     } 
    }); 
    if (result) { 
     return result; 
    } 
}; 

Answer 1

Nếu bạn sử dụng underscore.js, thì bạn có thể sử dụng phương thức find. Nó hoạt động ngay cả với các đối tượng jQuery lưu trữ bộ sưu tập các phần tử mà không có vấn đề gì.

_.find(array, function(value,index) { /* predicate */ }); 

Nhưng bên cạnh thư viện bổ sung (nhưng nhỏ) này bạn cần phải tự mình viết.

Answer 2

Use inArray method of jquery

Bạn có thể dễ dàng tìm ra chỉ mục của phần tử được tìm kiếm của bạn.

Answer 3

Một giải pháp khác sẽ là:

$.grep(yourArray, function (value, index) { return value == 42 })[0] 

Lưu ý rằng thứ tự của các đối số nên value, index

Docs for jQuery.grep.

Tất nhiên, sử dụng _underscore là nhiều hơn nữa thanh lịch và hiệu quả (như $ .grep áp dụng biến vị ngữ trên tất cả các mục của mảng, nó không dừng sau trận đấu đầu tiên) , Nhưng dù sao :)

Answer 4

Tính đến ES2015, bạn có thể sử dụng Array.prototype.find

Một ví dụ của việc sử dụng nó trông như thế này:

// outputs the first odd number 
console.log([2,4,10,5,7,20].find(x => x%2)) 

Answer 5

Tuỳ chỉnh thực hiện có thể là thực sự khá ngắn và vẫn có thể đọc:

function findFirst(array, predicate) { 
    for (var i = 0; i < array.length; i++) if (predicate(array[i])) return array[i]; 
} 

Trả về mục đầu tiên khớp vị từ (hoặc không xác định) và sau đó dừng lặp lại - điều này có thể thuận tiện cho các mảng lớn hoặc nếu hàm vị ngữ phức tạp.