Sử dụng hàm điều kiện $ .each có điều kiện để tạo mảng

Question

Tôi muốn lặp qua các phần tử của một mảng và nếu điều kiện là đúng, tôi muốn tạo một mảng mới.

Ví dụ: Tôi có một mảng được gọi là Tin nhắn có phần tử là đối tượng và tôi muốn kiểm tra xem thuộc tính id bằng 5. Nếu có tạo một mảng mới chỉ bao gồm đối tượng này.

messages = [{ 
    "id": 10, 
    "body": "hello!" 
}, { 
    "id": 21, 
    "body": "hola!" 
}, { 
    "id": 5, 
    "body": "ciao!" 
}]; 

var message5 = []; 
var dataObj = {}; 

$.each(messages, function(index, value) { 
    if (value.id == 5) { 
    dataObj[index] = value; 
    } 
}); 

message5.push(dataObj[index]); 

Tôi muốn kết quả của tôi là:

message5 = [ 
{ 
    "id": 5, 
    "body": "ciao!" 
} 
]  

Answer 1

Cố gắng sử dụng Array.prototype.filter ở bối cảnh này,

var message5 = messages.filter(function(itm){ 
    return itm.id == 5; 
}); 

console.log(message5); //[{"id": 5,"body": "ciao!"}] 

Nếu bạn muốn nó được ngắn gọn hơn thì bạn có thể sử dụng ES6 Arrow function ,

var message5 = messages.filter(itm => itm.id == 5); 
console.log(message5); //[{"id": 5,"body": "ciao!"}] 

Nhưng lưu ý rằng, các mã trên cũng tương tự như,

var message5 = messages.filter(function(itm){ 
    return itm.id == 5; 
}.bind(this)); //Arrow function will automatically bind its lexical scope to it. 

Answer 2

cố gắng để sử dụng bộ lọc:

var messages = [{ 
 
    "id": 10, 
 
    "body": "hello!" 
 
}, { 
 
    "id": 21, 
 
    "body": "holla!" 
 
}, { 
 
    "id": 5, 
 
    "body": "ciao!" 
 
}]; 
 
var message5 = messages.filter(function(message) { 
 
    return message.id == 5; 
 
}); 
 
alert(JSON.stringify(message5));

Answer 3

thử

var newArr = messages.filter(function(value){ 

    return value.id == 5; 

}); 

Answer 4

Sử dụng mảng lọc() phương pháp

messages.filter(function(msg){return msg['id'] === 5}) 

Answer 5

Một cách tiếp cận hoàn toàn trong jQuery có thể là:

$(function() { 
 
    var messages = [{ 
 
    "id": 10, 
 
    "body": "hello!" 
 
    }, { 
 
    "id": 21, 
 
    "body": "holla!" 
 
    }, { 
 
    "id": 5, 
 
    "body": "ciao!" 
 
    }]; 
 
    var dataObj = []; 
 

 
    $.each(messages, function (index, value) { 
 
    if (value.id == 5) { 
 
     dataObj.push(messages[index]); 
 
    } 
 
    }); 
 
    $('#result').text(JSON.stringify(dataObj, 4, 4)); 
 
});

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
 

 

 
<textarea id="result" style="width: 250px;height: 100px"></textarea>