I JavaScript kan du slå samman flera objekt på en mängd olika sätt. De vanligaste metoderna är spridningsoperatorn … och funktionen Object.assign() .
Hur man kopierar objekt med spridningsoperatorn
Till att börja med kommer vi att använda spridningsoperatorn för denna uppgift, eftersom det är den mest effektiva metoden. Låt oss börja med följande objekt:
const brand1 = {‘a’: ‘Fiat’, ‘b’: ‘Säte’}; const brand2 = {‘c’: ‘Renault’}; const brand3 = {‘d’: ‘Ford’};
Spridningsoperatorn representeras av tre punkter … och används för att separera elementen inuti objekten. För att sammanfoga objekten till ett måste vi göra följande:
const finalBrand = {…varumärke1, …varumärke1, …varumärke1};
Om vi gör en console.log(finalBrand) får vi följande resultat: a: Fiat b: Säte c: Renault d: Ford
Det finalBrand-objekt vi har erhållit är ett nytt objekt skapat med kopior av de andra objekten, så vi kan modifiera objekten marks1, marks2 och marks3 utan rädsla för att detta kommer att påverkas.
Men om objekt är inkluderade i objekten marks1, marks2 eller marks3, kommer inte kopior av dessa objekt att skapas, utan deras referens kommer att kopieras. Det vill säga, spridningsoperatorn … kommer bara att skapa kopior av toppnivåelementen.
Hur man kopierar objekt med Object.assign()
Ett annat möjligt sätt att kopiera objekt är att använda funktionen Object.assign(), som kopierar alla egenskaper från ett objekt till ett annat. Om objektet du kopierar element till redan innehåller egenskaper, kommer de kopierade egenskaperna att läggas till dessa och, om de har samma namn, kommer de nya alltid att prioriteras.
Här är ett exempel:
const brand1 = { a: ‘Nissan’, b: ‘Fiat’ }; const brand2 = { b: ‘Mercedes’, c: ‘Ford’ }; Object.assign(varumärke1, varumärke2);
Om vi nu gör en console.log av mark1-objektet får vi följande:
a: Nissan b: Mercedes c: Ford
Som du kan se har egenskapen b för objektet vi kopierade, vars värde är Mercerces, prioritet.
Och det är allt.
relaterade inlägg
Vad är en JWT-token och hur fungerar den?
JWT-tokens är en standard som används för att skapa programåtkomsttokens, vilket möjliggör användarautentisering i webbapplikationer. Specifikt följer den RFC 7519-standarden. Vad är en JWT-token En JWT-token…
Mallbokstavar i JavaScript
Mall-literals, även känd som mall-literals, dök upp i JavaScript i dess ES6-version, vilket ger en ny metod för att deklarera strängar med inverterade citattecken, vilket erbjuder flera nya och förbättrade möjligheter. Handla om…
Hur man använder endsWith-metoden i JavaScript
I den här korta handledningen ska vi se vad endsWith-metoden, introducerad i JavaScript ES6, är och hur den används med strängar i JavaScript. EndsWith-metoden är…
Återuppringningar i JavaScript
Callback-funktioner är samma gamla JavaScript-funktioner. De har ingen speciell syntax, eftersom de helt enkelt är funktioner som skickas som ett argument till en annan funktion. Funktionen som tar emot…
Senaste nyheterna från Hi-Tech-världen
Hur man kombinerar flera objekt i JavaScript
I JavaScript kan du slå samman flera objekt på en mängd olika sätt. De vanligaste metoderna är spridningsoperatorn … och funktionen Object.assign() . Hur man kopierar objekt med…
JavaScript-utmaning för gamla utvecklare
Låt oss ta en stund att diskutera ditt förhållande till JavaScript innan vi går in i tekniska aspekter. Om du är något som jag, har du arbetat med HTML under lång tid, ibland med…
5 enkla tips för optimering av målsida
En väloptimerad målsida är en avgörande komponent i alla framgångsrika marknadsföringskampanjer online. Den fungerar som den första kontaktpunkten för dina potentiella kunder och avgör ofta om de…
Hur man spelar in TV-program med VLC
VLC är mycket mer än en enkel mediaspelare. Bakom det enkla utseendet finns det många funktioner, såsom möjligheten att konvertera videor till ljudformat, reparera…
Lär ut ChatGPT för att efterlikna din skrivstil
InChatGPT är ett imponerande konversations-AI-verktyg som visar upp anmärkningsvärda kapaciteter i olika uppgifter. Men det har också begränsningar, såsom enstaka felaktigheter och en något robotisk och generisk skrift…
Varför företag måste vara bekanta med API:er
API:er fungerar som mellanhänder mellan programvara, vilket gör att de kan kommunicera med varandra och utföra olika funktioner som datadelning eller bearbetning. API:er tillhandahåller protokoll, definitioner, verktyg och andra…
projekt
