Je travaillais récemment sur un projet après qu'Ajax ait renvoyé des données en arrière-plan, lorsque le front-end était traité avec js, j'ai découvert que peu importe comment. sort a été utilisé, il n'y aurait aucun changement à la fin.Ou changer seulement le dernier tri.Après avoir longtemps lutté, j'ai finalement vérifié les informations et découvert qu'il y avait une distinction entre la copie superficielle et la copie profonde dans js.
var provinceConfirmedCount = data;
var provinceDeadCount = data;
var provinceCuredCount = data;
provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));
provinceDeadCount.sort(sortBy(("provinceDeadCount")));
provinceCuredCount.sort(sortBy(("provinceCuredCount")));
console.log(provinceConfirmedCount); //不生效
console.log(provinceDeadCount); //不生效
console.log(provinceCuredCount); //生效
//比较数组对象
function sortBy(field) {
return function(a,b) {
return parseInt(b[field]) - parseInt(a[field]);
}
}Copie superficielle, copie approfondie et affectation
La différence entre ces trois réside dans la manière de modifier les données, par souci de simplicité. Clairement , utilisez un tableau pour comprendre le plus rapidement :
| Qu'il pointe vers le même objet | La première couche est le type de données de base | Les données d'origine contiennent des sous-objets | < /tr>< tr>Devoir | Oui | modifiera les données d'origine ensemble | entraînera une modification simultanée des données d'origine | ||||||||||||||||
| Copie superficielle | Non | Les données originales ne seront pas modifiées | modifiera les données d'origine | ||||||||||||||||||||
| Copie complète | Oui | ne modifiera pas les données d'origine | Les données originales ne seront pas modifiées en même temps |
Solution
Maintenant que vous connaissez le principe, voici L'exigence nécessite toutes les modifications, nous pouvons donc utiliser la méthode extend dans JQuery pour la gérer :
var provinceConfirmedCount = $.extend([], data);
var provinceDeadCount = $.extend([], data);;
var provinceCuredCount = $.extend([], data);;
provinceConfirmedCount.sort(sortBy(("provinceConfirmedCount")));
provinceDeadCount.sort(sortBy(("provinceDeadCount")));
provinceCuredCount.sort(sortBy(("provinceCuredCount")));
console.log(provinceConfirmedCount);
console.log(provinceDeadCount);
console.log(provinceCuredCount);Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
