Utilizzare condizionale all'interno della funzione $ .each per creare l'array

Question

Voglio eseguire un'iterazione sugli elementi di un array e se una condizione è vera, voglio creare un nuovo array.

Esempio: Ho un array chiamato Messaggi i cui elementi sono oggetti e voglio verificare se l'attributo id è uguale a 5. Se si, creare un nuovo array composto solo da questo oggetto.

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]); 

voglio che il mio risultato sia:

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

Answer 1

tenta di utilizzare Array.prototype.filter in questo contesto,

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

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

Se si vuole che sia più conciso allora si potrebbe utilizzare ES6 Arrow function ,

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

Ma nota che, il codice sopra è simile,

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

Answer 2

tenta di utilizzare filtro

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

prova

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

    return value.id == 5; 

}); 

Answer 4

Usa filtro Array() metodo

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

Answer 5

Un approccio completamente in jQuery potrebbe essere:

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