{"id":59644,"date":"2023-08-18T11:18:30","date_gmt":"2023-08-18T14:18:30","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=59644&post_type=knowledgebase&preview_id=59644"},"modified":"2025-10-01T17:01:50","modified_gmt":"2025-10-01T20:01:50","slug":"operador-spread-javascript","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/","title":{"rendered":"Liberando o Poder do Operador Spread do JavaScript"},"content":{"rendered":"

Com o lan\u00e7amento do ECMAScript 6 (ES6), muitos novos recursos e aprimoramentos de sintaxe foram introduzidos para tornar o JavaScript ainda mais poderoso e expressivo. Uma dessas mudan\u00e7as \u00e9 o operador spread, que rapidamente ganhou popularidade entre os desenvolvedores<\/a> por sua versatilidade e concis\u00e3o.<\/p>\n

Neste artigo, examinaremos mais de perto o operador spread do JavaScript<\/a> e exploraremos como ele pode simplificar seu c\u00f3digo e liberar todo o seu potencial.<\/p>\n

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

O que \u00e9 operador spread do JavaScript?<\/h2>\n

O operador spread do JavaScript \u00e9 uma sintaxe introduzida no ECMAScript 6<\/a> (ES6) que permite espalhar os elementos de um iter\u00e1vel (como arrays, strings ou objetos) em outro iter\u00e1vel ou chamada de fun\u00e7\u00e3o.<\/p>\n

\u00c9 denotado por tr\u00eas pontos “...<\/code>” seguidos de uma express\u00e3o ou um iter\u00e1vel. O operador spread do JavaScript \u00e9 uma ferramenta poderosa que oferece uma maneira concisa e flex\u00edvel de trabalhar com dados em JavaScript.<\/p>\n

Ele pode ser usado para concatenar arrays, criar c\u00f3pias rasas de arrays, converter strings em arrays de caracteres, mesclar ou clonar objetos e passar valores dinamicamente para fun\u00e7\u00f5es ou construtores, entre outros casos de uso.<\/p>\n

O operador spread do JavaScript simplifica opera\u00e7\u00f5es complexas e permite um c\u00f3digo mais expressivo e eficiente. Isso o torna um recurso popular entre os desenvolvedores de JavaScript<\/a>.<\/p>\n\n

Sintaxe e uso do operador spread do JavaScript<\/h2>\n

Vamos dar uma olhada em alguns exemplos de uso do operador spread do JavaScript com arrays, strings e objetos para ilustrar sua sintaxe e uso.<\/p>\n

1. Concatenando arrays<\/h3>\n

Voc\u00ea pode usar o operador spread para espalhar os elementos de um array em outro array. Isso \u00e9 particularmente \u00fatil para concatenar arrays ou criar uma c\u00f3pia superficial de um array.<\/p>\n

Exemplo:<\/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. Distribui\u00e7\u00e3o de strings<\/h3>\n
Voc\u00ea pode usar o operador spread para distribuir os caracteres de uma string de caracteres em uma array. Isso permite converter uma string em um array de caracteres, que podem ser manipulados ou combinados com outros arrays usando m\u00e9todos de array.<\/p>\n
Exemplo:<\/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. Mesclando e clonando objetos<\/h3>\n
Voc\u00ea pode usar o operador de propaga\u00e7\u00e3o para propagar as propriedades de um objeto em outro objeto. Isso serve para mesclar ou clonar objetos, criar um novo objeto com algumas propriedades substitu\u00eddas ou extrair propriedades espec\u00edficas de um objeto.<\/p>\n
Exemplo:<\/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. Distribui\u00e7\u00e3o de argumentos de fun\u00e7\u00e3o<\/h3>\n
O operador de distribui\u00e7\u00e3o tamb\u00e9m pode ser usado em outros contextos, como argumentos de fun\u00e7\u00e3o, para passar valores dinamicamente para uma fun\u00e7\u00e3o ou construtor.<\/p>\n
Exemplo:<\/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. Combinando o operador spread com par\u00e2metro rest<\/h3>\n
O operador de spread pode ser usado em conjunto com outros recursos modernos do JavaScript, como desestrutura\u00e7\u00e3o de array e objeto, para permitir t\u00e9cnicas avan\u00e7adas de programa\u00e7\u00e3o funcional. Ele permite que voc\u00ea extraia e manipule elementos de arrays ou propriedades de objetos com uma sintaxe concisa e expressiva.<\/p>\n
Exemplo:<\/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
Os exemplos acima mostram a versatilidade e a flexibilidade do operador de spread no JavaScript, tornando uma ferramenta poderosa para manipular e combinar dados de forma concisa e eficiente.<\/p>\n
Entendendo o operador spread e a c\u00f3pia superficial<\/h2>\n
\u00c9 importante observar que o operador spread cria c\u00f3pias superficiais de arrays e objetos, e isso pode ter implica\u00e7\u00f5es de desempenho quando usado com arrays ou objetos grandes.<\/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
Neste c\u00f3digo, originalArray<\/code> \u00e9 uma array com quatro elementos. Usando o operador spread, criamos uma nova array copiedArray<\/code> e distribu\u00edmos os elementos de originalArray<\/code> para ela. Em seguida, modificamos o primeiro elemento de copiedArray<\/code> adicionando 99<\/code> com o m\u00e9todo push<\/code>.<\/p>\n
Quando voc\u00ea gerar o copiedArray<\/code>, a sa\u00edda mostrar\u00e1 que o 99<\/code> foi adicionado \u00e0 array do primeiro elemento, mas h\u00e1 um problema com a c\u00f3pia superficial que o operador de propaga\u00e7\u00e3o faz. A altera\u00e7\u00e3o em copiedArray<\/code> afeta o originalArray<\/code>.<\/p>\n
Isso ocorre porque o operador de propaga\u00e7\u00e3o n\u00e3o cria c\u00f3pias completamente novas dos elementos ou propriedades, mas compartilha refer\u00eancias aos elementos ou propriedades originais. Isso pode ter implica\u00e7\u00f5es de desempenho quando voc\u00ea trabalha com grandes arrays ou objetos.<\/p>\n
Portanto, se voc\u00ea estiver trabalhando com arrays ou objetos grandes, ou se precisar fazer grandes modifica\u00e7\u00f5es no array ou objeto copiado sem afetar o original, talvez seja necess\u00e1rio considerar outras abordagens, como c\u00f3pia ou uso de bibliotecas<\/a> especificamente projetadas para lidar com estruturas de dados complexas.<\/p>\n
\u00c9 essencial usar o operador spread de maneira criteriosa e considerar as melhores pr\u00e1ticas para desempenho e manuten\u00e7\u00e3o ideais.<\/p>\n
3 dicas poderosas para otimizar o desempenho e evitar armadilhas comuns<\/h2>\n
Para otimizar o desempenho e evitar armadilhas comuns ao usar o operador spread, considere as seguintes dicas:<\/p>\n
    \n
  1. Evite distribuir arrays ou objetos grandes, especialmente em caminhos cr\u00edticos de c\u00f3digo de desempenho.<\/li>\n
  2. Esteja ciente dos poss\u00edveis efeitos colaterais ao distribuir objetos aninhados e considere usar t\u00e9cnicas de clonagem complexa, se necess\u00e1rio.<\/li>\n
  3. Use o operador spread com crit\u00e9rio e considere abordagens alternativas se o desempenho for uma preocupa\u00e7\u00e3o.<\/li>\n<\/ol>\n\n
    Resumo<\/h2>\n
    O operador spread (…) permite uma concatena\u00e7\u00e3o concisa e limpa de arrays, clonagem de arrays e objetos, mesclagem de objetos, cria\u00e7\u00e3o din\u00e2mica de argumentos de fun\u00e7\u00e3o, clonagem de objetos e arrays aninhados complexos e muito mais.<\/p>\n
    Devido \u00e0 sua flexibilidade, o operador de propaga\u00e7\u00e3o desempenha uma fun\u00e7\u00e3o importante no futuro do desenvolvimento do JavaScript, permitindo que os desenvolvedores escrevam c\u00f3digos mais concisos, leg\u00edveis e eficientes.<\/p>\n","protected":false},"excerpt":{"rendered":"
    Com o lan\u00e7amento do ECMAScript 6 (ES6), muitos novos recursos e aprimoramentos de sintaxe foram introduzidos para tornar o JavaScript ainda mais poderoso e expressivo. Uma …<\/p>\n","protected":false},"author":287,"featured_media":59645,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[978],"class_list":["post-59644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-tutoriais-javascript"],"yoast_head":"\nLiberando o Poder do Operador Spread do JavaScript - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.\" \/>\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\/pt\/blog\/operador-spread-javascript\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Liberando o Poder do Operador Spread do JavaScript\" \/>\n<meta property=\"og:description\" content=\"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-18T14:18:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T20:01:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@olawanle_joel\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Joel Olawanle\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\"},\"author\":{\"name\":\"Joel Olawanle\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\"},\"headline\":\"Liberando o Poder do Operador Spread do JavaScript\",\"datePublished\":\"2023-08-18T14:18:30+00:00\",\"dateModified\":\"2025-10-01T20:01:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\"},\"wordCount\":944,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\",\"name\":\"Liberando o Poder do Operador Spread do JavaScript - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg\",\"datePublished\":\"2023-08-18T14:18:30+00:00\",\"dateModified\":\"2025-10-01T20:01:50+00:00\",\"description\":\"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg\",\"width\":3043,\"height\":1522},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriais de JavaScript\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/tutoriais-javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Liberando o Poder do Operador Spread do JavaScript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07\",\"name\":\"Joel Olawanle\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Liberando o Poder do Operador Spread do JavaScript - Kinsta\u00ae","description":"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.","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\/pt\/blog\/operador-spread-javascript\/","og_locale":"pt_PT","og_type":"article","og_title":"Liberando o Poder do Operador Spread do JavaScript","og_description":"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.","og_url":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2023-08-18T14:18:30+00:00","article_modified_time":"2025-10-01T20:01:50+00:00","og_image":[{"width":3043,"height":1522,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","type":"image\/jpeg"}],"author":"Joel Olawanle","twitter_card":"summary_large_image","twitter_description":"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","twitter_creator":"@olawanle_joel","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Joel Olawanle","Tempo estimado de leitura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/"},"author":{"name":"Joel Olawanle","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07"},"headline":"Liberando o Poder do Operador Spread do JavaScript","datePublished":"2023-08-18T14:18:30+00:00","dateModified":"2025-10-01T20:01:50+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/"},"wordCount":944,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/","url":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/","name":"Liberando o Poder do Operador Spread do JavaScript - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","datePublished":"2023-08-18T14:18:30+00:00","dateModified":"2025-10-01T20:01:50+00:00","description":"Aprenda a liberar o poder do operador spread do JavaScript. Este guia f\u00e1cil de seguir mostra exatamente como fazer isso.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/05\/spread-operator-javascript.jpg","width":3043,"height":1522},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/operador-spread-javascript\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Tutoriais de JavaScript","item":"https:\/\/kinsta.com\/pt\/topicos\/tutoriais-javascript\/"},{"@type":"ListItem","position":3,"name":"Liberando o Poder do Operador Spread do JavaScript"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/efa7de30245ca15be5ce1dcacff89c07","name":"Joel Olawanle","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/joelolawanle\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/59644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/287"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=59644"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/59644\/revisions"}],"predecessor-version":[{"id":71302,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/59644\/revisions\/71302"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/59644\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/59645"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=59644"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=59644"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=59644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}