Maison >interface Web >js tutoriel >Comment puis-je fusionner deux tableaux d'objets en JavaScript ?

Comment puis-je fusionner deux tableaux d'objets en JavaScript ?

Patricia Arquette
Patricia Arquetteoriginal
2024-11-21 08:24:10890parcourir

How Can I Merge Two Arrays of Objects in JavaScript?

Fusionner des tableaux d'objets : une approche JavaScript

Considérez le scénario suivant : vous disposez d'un tableau d'objets appelé arr1 et d'un tableau d'objets appelé arr2, et vous souhaitez les fusionner dans un nouveau tableau arr3 contenant les éléments des deux tableaux. Une solution simple consiste à utiliser la méthode Array.prototype.push.apply().

Cette méthode prend deux arguments : le premier est le tableau cible auquel vous souhaitez ajouter et le second est le tableau d'éléments. vous souhaitez ajouter. Dans ce cas, le tableau cible est arr1 et le tableau d'éléments à ajouter est arr2.

Voici un exemple :

var arr1 = [{name: "lang", value: "English"}, {name: "age", value: "18"}];
var arr2 = [{name : "childs", value: '5'}, {name: "lang", value: "German"}];

Array.prototype.push.apply(arr1,arr2); 

console.log(arr1);  

Sortie :

[{"name":"lang","value":"English"},
{"name":"age","value":"18"},
{"name":"childs","value":"5"},
{"name":"lang","value":"German"}]

As vous pouvez voir sur la sortie que les deux tableaux ont été fusionnés avec succès en un seul tableau. Cette méthode est simple et efficace, et elle fonctionne à la fois en JavaScript et en jQuery.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn