{"id":52660,"date":"2023-05-22T16:17:26","date_gmt":"2023-05-22T14:17:26","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=52660&post_type=knowledgebase&preview_id=52660"},"modified":"2025-10-01T21:44:14","modified_gmt":"2025-10-01T19:44:14","slug":"spread-operator-javascript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/","title":{"rendered":"Zo profiteer je van de kracht van de JavaScript spread operator"},"content":{"rendered":"

Met de lancering van ECMAScript 6 (ES6) werden veel nieuwe mogelijkheden en syntaxisverbeteringen ge\u00efntroduceerd om JavaScript nog krachtiger en expressiever te maken. E\u00e9n zo’n game-changer is de spread operator, die snel aan populariteit heeft gewonnen onder developers<\/a> vanwege zijn veelzijdigheid en beknoptheid.<\/p>\n

In dit artikel gaan we dieper in op de JavaScript<\/a> spread operator en onderzoeken we hoe deze je code kan vereenvoudigen en zijn volledige potentieel kan ontsluiten.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Wat is de spread operator in JavaScript?<\/h2>\n

De spread operator in JavaScript is een syntaxis die werd ge\u00efntroduceerd in ECMAScript 6 (ES6) waarmee je de elementen van een iterabele (zoals arrays, strings of objecten) kunt spreiden naar een andere iterabele of functie call.<\/p>\n

Het wordt aangeduid met drie puntjes “...<\/code>” gevolgd door een uitdrukking of een iterable. De spread operator is een krachtig hulpmiddel dat een beknopte en flexibele manier biedt om met gegevens te werken in JavaScript.<\/p>\n

Het kan worden gebruikt om arrays samen te voegen, shallow copies van arrays te maken, strings om te zetten in arrays van characters, objecten samen te voegen of te klonen, en dynamisch waarden door te geven aan functies of cunstructors, naast andere toepassingen.<\/p>\n

De spread operator vereenvoudigt complexe bewerkingen en maakt expressievere en effici\u00ebntere code mogelijk. Dit maakt het een populaire functie onder JavaScript developers<\/a>.<\/p>\n\n

Syntaxis en gebruik van de spread operator van JavaScript<\/h2>\n

Laten we eens kijken naar enkele voorbeelden van het gebruik van de spread operator met arrays, strings en objecten om de syntaxis en het gebruik ervan te illustreren.<\/p>\n

1. Arrays samenvoegen<\/h3>\n

Je kunt de spread operator gebruiken om de elementen van een array in een andere array te verdelen. Dit is vooral nuttig voor het aaneenschakelen van matrices of het maken van een shallow copy van een matrix.<\/p>\n

Voorbeeld:<\/p>\n

const arr1 = [1, 2, 3];\nconst arr2 = [4, 5, 6];\n\n\/\/ Concatenate arrays using spread operator\nconst concatenatedArr = [...arr1, ...arr2];\nconsole.log(concatenatedArr); \/\/ Output: [1, 2, 3, 4, 5, 6]<\/code><\/pre>\n
2. Strings spreaden<\/h3>\n
Je kunt de spread operator gebruiken om de tekens van een string te spreaden in een array. Dit is handig om een string om te zetten in een array van characters, die je kunt manipuleren of combineren met andere arrays met behulp van array-methoden.<\/p>\n
Voorbeeld:<\/p>\n
const str = \"Hello\";\n\n\/\/ Spread characters of a string into an array\nconst charArray = [...str];\nconsole.log(charArray); \/\/ Output: ['H', 'e', 'l', 'l', 'o']<\/code><\/pre>\n
3. Objecten samenvoegen en klonen<\/h3>\n
Je kunt de spread operator gebruiken om de properties van een object in een ander object te spreaden. Dit is handig voor het samenvoegen of klonen van objecten, het maken van een nieuw object waarbij enkele properties worden overschreven, of het extraheren van specifieke properties uit een object.<\/p>\n
Voorbeeld:<\/p>\n
const obj1 = { a: 1, b: 2 };\nconst obj2 = { b: 3, c: 4 };\n\n\/\/ Merge objects using spread operator\nconst mergedObj = { ...obj1, ...obj2 };\nconsole.log(mergedObj); \/\/ Output: { a: 1, b: 3, c: 4 }\n\n\/\/ Clone an object using spread operator\nconst clonedObj = { ...obj1 };\nconsole.log(clonedObj); \/\/ Output: { a: 1, b: 2 }<\/code><\/pre>\n
4. Functieargumenten spreaden<\/h3>\n
De spread operator kan ook gebruikt worden in andere contexten, zoals functieargumenten, om dynamisch waarden door te geven aan een functie of constructor.<\/p>\n
Voorbeeld:<\/p>\n
\/\/ Pass array elements as arguments to a function using the spread operator\nconst numbers = [1, 2, 3];\n\nconst sum = (a, b, c) => a + b + c;\n\nconsole.log(sum(...numbers)); \/\/ Output: 6<\/code><\/pre>\n
5. Spread operator combineren met restparameter<\/h3>\n
De spread operator kan worden gebruikt in combinatie met andere moderne JavaScript functies zoals array- en objectdestructurering om krachtige functionele programmeertechnieken mogelijk te maken. Hiermee kun je elementen uit arrays of properties van objecten halen en manipuleren met een beknopte en expressieve syntaxis.<\/p>\n
Voorbeeld:<\/p>\n
const numbers = [1, 2, 3, 4, 5];\nconst [first, second, ...rest] = numbers;\n\nconsole.log(first); \/\/ Output: 1\nconsole.log(second); \/\/ Output: 2\nconsole.log(rest); \/\/ Output: [3, 4, 5]<\/code><\/pre>\n
De bovenstaande voorbeelden tonen de veelzijdigheid en flexibiliteit van de spread operator in JavaScript, waardoor het een krachtig hulpmiddel is om gegevens beknopt en effici\u00ebnt te manipuleren en te combineren.<\/p>\n
Meer over de spread operator en shallow copying<\/h2>\n
Het is belangrijk op te merken dat de spread operator shallow copies maakt van arrays en objecten, en dat het gevolgen kan hebben voor de prestaties als het gebruikt wordt met grote arrays of objecten.<\/p>\n
const originalArray = [[1, 2, 3, 4], 12];\nconst copiedArray = [...originalArray];\n\ncopiedArray[0].push(99);\n\nconsole.log(originalArray); \/\/ Output: [[1, 2, 3, 4, 99], 12]\nconsole.log(copiedArray); \/\/ Output: [[1, 2, 3, 4, 99], 12]<\/code><\/pre>\n
In deze code is originalArray<\/code> een matrix met vier elementen. Met de spread operator maken we een nieuwe array copiedArray<\/code> en spreaden daarin de elementen van originalArray<\/code>. Vervolgens wijzigen we het eerste element van copiedArray<\/code> door 99<\/code> toe te voegen met de methode push<\/code>.<\/p>\n
Wanneer je de copiedArray<\/code> uitvoert, zal de uitvoer laten zien dat 99<\/code> is toegevoegd aan de array van het eerste element, maar er is een probleem met de shallow copying dat de spread operator doet. De verandering in copiedArray<\/code> heeft invloed op de originalArray<\/code>.<\/p>\n
Dit komt doordat de spread operator geen volledig nieuwe kopie\u00ebn van de elementen of properties maakt, maar verwijzingen naar de oorspronkelijke elementen of properties deelt. Dit kan gevolgen hebben voor de prestaties bij het werken met grote arrays of objecten.<\/p>\n
Als je daarom werkt met grote arrays of objecten, of als je diepgaande wijzigingen moet aanbrengen in de gekopieerde array of object zonder het origineel te be\u00efnvloeden, moet je misschien andere benaderingen overwegen, zoals deep copying of het gebruik van bibliotheken<\/a> die speciaal zijn ontworpen voor het omgaan met complexe gegevensstructuren.<\/p>\n
Het is essentieel om de spread operator slim te gebruiken en de beste werkwijze te overwegen voor optimale prestaties en onderhoudbaarheid.<\/p>\n
3 krachtige tips om de prestaties te optimaliseren en veelvoorkomende valkuilen te vermijden<\/h2>\n
Overweeg de volgende tips om de prestaties te optimaliseren en veelvoorkomende valkuilen te vermijden bij het gebruik van de spreidingsoperator:<\/p>\n
    \n
  1. Vermijd het spreiden van grote arrays of objecten, vooral in prestatie-kritische codepaden.<\/li>\n
  2. Wees bedacht op mogelijke neveneffecten bij het verspreiden van nested objects, en overweeg indien nodig het gebruik van diepe kloontechnieken.<\/li>\n
  3. Gebruik de spread operator bedachtzaam en overweeg alternatieve benaderingen als de prestaties een probleem vormen.<\/li>\n<\/ol>\n\n
    Samenvatting<\/h2>\n
    De spread operator (…) zorgt voor beknopte en strakke aaneenschakeling van arrays, klonen van arrays en objecten, samenvoegen van objecten, dynamisch aanmaken van functie-argumenten, klonen van complexe nested objects en arrays, en meer.<\/p>\n
    Door zijn flexibiliteit speelt de spread operator een belangrijke rol in de toekomst van JavaScript ontwikkeling, waardoor developers beknoptere, leesbaardere en effici\u00ebntere code kunnen schrijven.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Met de lancering van ECMAScript 6 (ES6) werden veel nieuwe mogelijkheden en syntaxisverbeteringen ge\u00efntroduceerd om JavaScript nog krachtiger en expressiever te maken. E\u00e9n zo’n game-changer is …<\/p>\n","protected":false},"author":287,"featured_media":52661,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[847,848],"class_list":["post-52660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-frameworks","topic-javascript-tutorials"],"yoast_head":"\nZo profiteer je van de kracht van de JavaScript spread operator - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Zo profiteer je van de kracht van de JavaScript spread operator\" \/>\n<meta property=\"og:description\" content=\"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T14:17:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:44:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"3043\" \/>\n\t<meta property=\"og:image:height\" content=\"1522\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Joel Olawanle\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Zo profiteer je van de kracht van de JavaScript spread operator\",\"datePublished\":\"2023-05-22T14:17:26+00:00\",\"dateModified\":\"2025-10-01T19:44:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\"},\"wordCount\":935,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\",\"name\":\"Zo profiteer je van de kracht van de JavaScript spread operator - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\",\"datePublished\":\"2023-05-22T14:17:26+00:00\",\"dateModified\":\"2025-10-01T19:44:14+00:00\",\"description\":\"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg\",\"width\":3043,\"height\":1522},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript frameworks\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-frameworks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Zo profiteer je van de kracht van de JavaScript spread operator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g\",\"caption\":\"Joel Olawanle\"},\"description\":\"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.\",\"sameAs\":[\"https:\/\/joelolawanle.com\/\",\"https:\/\/www.linkedin.com\/in\/olawanlejoel\/\",\"https:\/\/x.com\/olawanle_joel\",\"https:\/\/www.youtube.com\/@joelolawanle\"],\"gender\":\"male\",\"knowsAbout\":[\"JavaScript\",\"React\",\"Next.js\"],\"knowsLanguage\":[\"English\"],\"jobTitle\":\"Technical Editor\",\"worksFor\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Zo profiteer je van de kracht van de JavaScript spread operator - Kinsta\u00ae","description":"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/","og_locale":"nl_NL","og_type":"article","og_title":"Zo profiteer je van de kracht van de JavaScript spread operator","og_description":"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.","og_url":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2023-05-22T14:17:26+00:00","article_modified_time":"2025-10-01T19:44:14+00:00","og_image":[{"width":3043,"height":1522,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Joel Olawanle","Geschatte leestijd":"5 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Zo profiteer je van de kracht van de JavaScript spread operator","datePublished":"2023-05-22T14:17:26+00:00","dateModified":"2025-10-01T19:44:14+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/"},"wordCount":935,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/","url":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/","name":"Zo profiteer je van de kracht van de JavaScript spread operator - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","datePublished":"2023-05-22T14:17:26+00:00","dateModified":"2025-10-01T19:44:14+00:00","description":"Leer hoe je de kracht van de spread operator in JavaScript kunt benutten. Deze gemakkelijk te volgen gids laat zien hoe je dat doet.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/05\/spread-operator-javascript.jpg","width":3043,"height":1522},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/spread-operator-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"JavaScript frameworks","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/javascript-frameworks\/"},{"@type":"ListItem","position":3,"name":"Zo profiteer je van de kracht van de JavaScript spread operator"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/051bf577ce2c837846a1db9eef184758?s=96&d=mm&r=g","caption":"Joel Olawanle"},"description":"Joel is a Frontend developer working at Kinsta as a Technical Editor. He is a passionate teacher with love for open source and has written over 300 technical articles majorly around JavaScript and it's frameworks.","sameAs":["https:\/\/joelolawanle.com\/","https:\/\/www.linkedin.com\/in\/olawanlejoel\/","https:\/\/x.com\/olawanle_joel","https:\/\/www.youtube.com\/@joelolawanle"],"gender":"male","knowsAbout":["JavaScript","React","Next.js"],"knowsLanguage":["English"],"jobTitle":"Technical Editor","worksFor":"Kinsta","url":"https:\/\/kinsta.com\/nl\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=52660"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52660\/revisions"}],"predecessor-version":[{"id":52783,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/52660\/revisions\/52783"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/52660\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/52661"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=52660"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=52660"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=52660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}