{"id":61973,"date":"2023-05-22T15:15:26","date_gmt":"2023-05-22T14:15:26","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=61973&post_type=knowledgebase&preview_id=61973"},"modified":"2025-10-01T20:15:53","modified_gmt":"2025-10-01T19:15:53","slug":"spread-operator-javascript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/","title":{"rendered":"Entfessle die Macht des JavaScript Spread Operators"},"content":{"rendered":"

Mit der Ver\u00f6ffentlichung von ECMAScript 6 (ES6) wurden viele neue Funktionen und Syntaxverbesserungen eingef\u00fchrt, die JavaScript noch leistungsf\u00e4higer und ausdrucksst\u00e4rker machen. Eine dieser Neuerungen ist der Spread-Operator, der aufgrund seiner Vielseitigkeit und Pr\u00e4gnanz schnell an Beliebtheit bei den Entwicklern<\/a> gewonnen hat.<\/p>\n

In diesem Artikel werfen wir einen genaueren Blick auf den JavaScript <\/a>Spread-Operator<\/span>\u00a0<\/span>–und erfahren, wie er deinen Code vereinfachen und sein volles Potenzial entfalten kann.<\/span><\/p>\n

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

Was ist der Spread-Operator in JavaScript?<\/h2>\n

Der Spread-Operator in JavaScript ist eine in ECMAScript 6 (ES6) eingef\u00fchrte Syntax, mit der du die Elemente einer Iterable (z. B. Arrays, Strings oder Objekte) auf eine andere Iterable oder einen Funktionsaufruf verteilen kannst.<\/p>\n

Er wird durch drei Punkte „...<\/code>“ gefolgt von einem Ausdruck oder einer Iterable gekennzeichnet. Der Spread-Operator ist ein leistungsf\u00e4higes Werkzeug, das eine pr\u00e4zise und flexible M\u00f6glichkeit bietet, mit Daten in JavaScript zu arbeiten.<\/p>\n

Er kann u. a. verwendet werden, um Arrays zu verketten, flache Kopien von Arrays zu erstellen, Strings in Arrays von Zeichen umzuwandeln, Objekte zu verschmelzen oder zu klonen und Werte dynamisch an Funktionen oder Konstruktoren zu \u00fcbergeben.<\/p>\n

Der Spread-Operator vereinfacht komplexe Operationen und erm\u00f6glicht einen ausdrucksstarken und effizienten Code. Das macht ihn zu einer beliebten Funktion unter JavaScript-Entwicklern<\/a>.<\/p>\n\n

Syntax und Verwendung des JavaScript Spread-Operators<\/h2>\n

Schauen wir uns einige Beispiele f\u00fcr die Verwendung des Spread-Operators mit Arrays, Strings und Objekten an, um seine Syntax und Verwendung zu veranschaulichen.<\/p>\n

1. Verkettung von Arrays<\/h3>\n

Du kannst den Spread-Operator verwenden, um die Elemente eines Arrays in ein anderes Array zu verteilen. Dies ist besonders n\u00fctzlich, um Arrays zu verketten oder eine flache Kopie eines Arrays zu erstellen.<\/p>\n

Beispiel:<\/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 spreizen<\/h3>\n
Mit dem Spread-Operator kannst du die Zeichen einer Zeichenkette in ein Array aufteilen. Dies ist n\u00fctzlich, um eine Zeichenkette in ein Array von Zeichen umzuwandeln, das mit Array-Methoden bearbeitet oder mit anderen Arrays kombiniert werden kann.<\/p>\n
Beispiel:<\/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. Verschmelzen und Klonen von Objekten<\/h3>\n
Mit dem Spread-Operator kannst du die Eigenschaften eines Objekts auf ein anderes Objekt \u00fcbertragen. Das ist hilfreich, um Objekte zu verschmelzen oder zu klonen, ein neues Objekt zu erstellen, bei dem einige Eigenschaften \u00fcberschrieben werden, oder um bestimmte Eigenschaften eines Objekts zu extrahieren.<\/p>\n
Beispiel:<\/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. Spreizen von Funktionsargumenten<\/h3>\n
Der Spread-Operator kann auch in anderen Zusammenh\u00e4ngen verwendet werden, z. B. als Funktionsargumente, um Werte dynamisch an eine Funktion oder einen Konstruktor zu \u00fcbergeben.<\/p>\n
Beispiel:<\/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. Kombination von Spread-Operator und Restparameter<\/h3>\n
Der Spread-Operator kann in Verbindung mit anderen modernen JavaScript-Funktionen wie der Array- und Objektdestrukturierung verwendet werden, um leistungsstarke funktionale Programmiertechniken zu erm\u00f6glichen. Er erm\u00f6glicht es dir, Elemente aus Arrays oder Eigenschaften von Objekten mit einer pr\u00e4gnanten und ausdrucksstarken Syntax zu extrahieren und zu manipulieren.<\/p>\n
Beispiel:<\/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
Die obigen Beispiele zeigen die Vielseitigkeit und Flexibilit\u00e4t des Spread-Operators in JavaScript und machen ihn zu einem m\u00e4chtigen Werkzeug, um Daten pr\u00e4gnant und effizient zu manipulieren und zu kombinieren.<\/p>\n
Spread-Operator und oberfl\u00e4chliches Kopieren verstehen<\/h2>\n
Es ist wichtig zu wissen, dass der Spread-Operator flache Kopien von Arrays und Objekten erstellt und bei gro\u00dfen Arrays oder Objekten zu Leistungseinbu\u00dfen f\u00fchren kann.<\/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 diesem Code ist originalArray<\/code> ein Array mit vier Elementen. Mit dem Spread-Operator erstellen wir ein neues Array copiedArray<\/code> und verteilen die Elemente von originalArray<\/code> in dieses Array. Dann \u00e4ndern wir das erste Element von copiedArray<\/code>, indem wir 99<\/code> mit der Methode push<\/code> hinzuf\u00fcgen.<\/p>\n
Wenn du die copiedArray<\/code> ausgibst, wird die Ausgabe zeigen, dass 99<\/code> dem Array des ersten Elements hinzugef\u00fcgt wurde, aber es gibt ein Problem mit dem flachen Kopieren, das der Spread-Operator macht. Die \u00c4nderung von copiedArray<\/code> wirkt sich auf die originalArray<\/code> aus.<\/p>\n
Das liegt daran, dass der Spread-Operator keine komplett neuen Kopien der Elemente oder Eigenschaften erstellt, sondern Verweise auf die urspr\u00fcnglichen Elemente oder Eigenschaften teilt. Das kann sich bei der Arbeit mit gro\u00dfen Arrays oder Objekten auf die Leistung auswirken.<\/p>\n
Wenn du mit gro\u00dfen Arrays oder Objekten arbeitest oder wenn du tiefgreifende \u00c4nderungen an dem kopierten Array oder Objekt vornehmen musst, ohne das Original zu beeinflussen, solltest du daher andere Methoden in Betracht ziehen, wie z. B. Deep Copy oder die Verwendung von Bibliotheken<\/a>, die speziell f\u00fcr die Handhabung komplexer Datenstrukturen entwickelt wurden.<\/p>\n
Es ist wichtig, den Spread-Operator mit Bedacht einzusetzen und die besten Methoden f\u00fcr optimale Leistung und Wartbarkeit zu ber\u00fccksichtigen.<\/p>\n
3 wirkungsvolle Tipps zur Leistungsoptimierung und zur Vermeidung von Fallstricken<\/h2>\n
Um die Leistung zu optimieren und h\u00e4ufige Fallstricke bei der Verwendung des Spread-Operators zu vermeiden, solltest du die folgenden Tipps beachten:<\/p>\n
    \n
  1. Vermeide es, gro\u00dfe Arrays oder Objekte zu spreizen, vor allem in leistungskritischen Codepfaden.<\/li>\n
  2. Achte auf m\u00f6gliche Nebeneffekte, wenn du verschachtelte Objekte verbreitest, und ziehe bei Bedarf Deep Cloning-Techniken in Betracht.<\/li>\n
  3. Setze den Spread-Operator mit Bedacht ein und ziehe alternative Ans\u00e4tze in Betracht, wenn die Leistung ein Problem darstellt.<\/li>\n<\/ol>\n\n
    Zusammenfassung<\/h2>\n
    Der Spread-Operator erm\u00f6glicht eine \u00fcbersichtliche und saubere Verkettung von Arrays, das Klonen von Arrays und Objekten, das Zusammenf\u00fchren von Objekten, die dynamische Erstellung von Funktionsargumenten, das Klonen von komplexen verschachtelten Objekten und Arrays und mehr.<\/p>\n
    Aufgrund seiner Flexibilit\u00e4t spielt der Spread-Operator eine wichtige Rolle f\u00fcr die Zukunft der JavaScript-Entwicklung, denn er erm\u00f6glicht es Entwicklern, pr\u00e4gnanteren, lesbaren und effizienten Code zu schreiben.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Mit der Ver\u00f6ffentlichung von ECMAScript 6 (ES6) wurden viele neue Funktionen und Syntaxverbesserungen eingef\u00fchrt, die JavaScript noch leistungsf\u00e4higer und ausdrucksst\u00e4rker machen. Eine dieser Neuerungen ist der …<\/p>\n","protected":false},"author":287,"featured_media":61974,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[952],"class_list":["post-61973","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-javascript-tutorials"],"yoast_head":"\nEntfessle die Macht des JavaScript Spread Operators - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.\" \/>\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\/de\/blog\/spread-operator-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Entfessle die Macht des JavaScript Spread Operators\" \/>\n<meta property=\"og:description\" content=\"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-05-22T14:15:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:15:53+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/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=\"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"5\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Entfessle die Macht des JavaScript Spread Operators\",\"datePublished\":\"2023-05-22T14:15:26+00:00\",\"dateModified\":\"2025-10-01T19:15:53+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\"},\"wordCount\":916,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\",\"name\":\"Entfessle die Macht des JavaScript Spread Operators - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg\",\"datePublished\":\"2023-05-22T14:15:26+00:00\",\"dateModified\":\"2025-10-01T19:15:53+00:00\",\"description\":\"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg\",\"width\":3043,\"height\":1522},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript-Tutorials\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/javascript-tutorials\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Entfessle die Macht des JavaScript Spread Operators\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Entfessle die Macht des JavaScript Spread Operators - Kinsta\u00ae","description":"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.","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\/de\/blog\/spread-operator-javascript\/","og_locale":"de_DE","og_type":"article","og_title":"Entfessle die Macht des JavaScript Spread Operators","og_description":"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.","og_url":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2023-05-22T14:15:26+00:00","article_modified_time":"2025-10-01T19:15:53+00:00","og_image":[{"width":3043,"height":1522,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Joel Olawanle","Gesch\u00e4tzte Lesezeit":"5\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Entfessle die Macht des JavaScript Spread Operators","datePublished":"2023-05-22T14:15:26+00:00","dateModified":"2025-10-01T19:15:53+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/"},"wordCount":916,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/","url":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/","name":"Entfessle die Macht des JavaScript Spread Operators - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","datePublished":"2023-05-22T14:15:26+00:00","dateModified":"2025-10-01T19:15:53+00:00","description":"Lerne, wie du die Macht des Spread-Operators in JavaScript ausnutzt. Der leicht verst\u00e4ndliche Leitfaden zeigt dir, wie du das machst.","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/05\/spread-operator-javascript.jpg","width":3043,"height":1522},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/spread-operator-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"JavaScript-Tutorials","item":"https:\/\/kinsta.com\/de\/thema\/javascript-tutorials\/"},{"@type":"ListItem","position":3,"name":"Entfessle die Macht des JavaScript Spread Operators"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","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\/de\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/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\/de\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61973","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=61973"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61973\/revisions"}],"predecessor-version":[{"id":62005,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/61973\/revisions\/62005"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/translations\/es"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/61973\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/61974"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=61973"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=61973"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=61973"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}