Na dica de hoje vamos falar de arrays e seus metodos em javaScript. Arrays s\u00e3o uma parte essencial de qualquer linguagem de programa\u00e7\u00e3o e JavaScript n\u00e3o \u00e9 exce\u00e7\u00e3o. Com arrays, os desenvolvedores podem armazenar e manipular cole\u00e7\u00f5es de dados, incluindo strings, n\u00fameros e at\u00e9 objetos. <\/p>\n\n\n\n
Precisando de um servidor dedicado para sua aplica\u00e7\u00e3o? N\u00e3o s\u00f3 entregamos o servidor mas tamb\u00e9m todo um suporte, gest\u00e3o, administra\u00e7\u00e3o e monitoramento do seu servidor. Entre em contato conosco, https:\/\/soloweb.com.br<\/a><\/p>\n\n\n\n Vamos ver agora os principais m\u00e9todos de array JavaScript obrigat\u00f3rios que todos deveriam conhecer.<\/p>\n\n\n\n O m\u00e9todo push() adiciona um ou mais elementos ao final de um array e retorna o novo comprimento do array. Este m\u00e9todo \u00e9 \u00fatil quando voc\u00ea precisa adicionar elementos a um array sem especificar o \u00edndice.<\/p>\n\n\n\n O m\u00e9todo pop() remove e retorna o \u00faltimo elemento de um array. Este m\u00e9todo \u00e9 \u00fatil quando voc\u00ea precisa remover um elemento do final de um array.<\/p>\n\n\n\n O m\u00e9todo shift() remove e retorna o primeiro elemento de um array. Este m\u00e9todo \u00e9 \u00fatil quando voc\u00ea precisa remover um elemento do in\u00edcio de um array.<\/p>\n\n\n\n O m\u00e9todo unshift() adiciona um ou mais elementos ao in\u00edcio de um array e retorna o novo comprimento do array. Este m\u00e9todo \u00e9 \u00fatil quando voc\u00ea precisa adicionar elementos a um array no in\u00edcio.<\/p>\n\n\n\n O m\u00e9todo splice() adiciona e remove elementos de um array em um \u00edndice especificado. Este m\u00e9todo pode ser usado para adicionar ou remover elementos de qualquer lugar do array.<\/p>\n\n\n\n Sintaxe: Array.splice(inicio, removeCount, novoItem, novoItem, novoItem, \u2026)<\/p>\n\n\n\n O m\u00e9todo slice() retorna uma c\u00f3pia de uma parte de um array especificado por seus \u00edndices inicial e final. Este m\u00e9todo pode ser usado para criar um novo array que cont\u00e9m um subconjunto do array original.<\/p>\n\n\n\n O m\u00e9todo concat() combina dois ou mais arrays e retorna um novo array. Este m\u00e9todo pode ser usado para unir arrays sem modificar os arrays originais.<\/p>\n\n\n\n O m\u00e9todo join() une todos os elementos de um array em uma string, usando um separador especificado. Este m\u00e9todo pode ser usado para criar uma string a partir de um array.<\/p>\n\n\n\n O m\u00e9todo indexOf() retorna o \u00edndice da primeira ocorr\u00eancia de um elemento especificado em um array. Se o elemento n\u00e3o for encontrado, este m\u00e9todo retornar\u00e1 -1.<\/p>\n\n\n\n O m\u00e9todo lastIndexOf() retorna o \u00edndice da \u00faltima ocorr\u00eancia de um elemento especificado no array. Se o elemento n\u00e3o for encontrado, este m\u00e9todo retornar\u00e1 -1.<\/p>\n\n\n\n O m\u00e9todo forEach() executa uma fun\u00e7\u00e3o fornecida uma vez para cada elemento em um array. Este m\u00e9todo pode ser usado para realizar uma opera\u00e7\u00e3o em cada elemento de um array.<\/p>\n\n\n\n O m\u00e9todo map() cria um novo array com os resultados da chamada de uma fun\u00e7\u00e3o fornecida em cada elemento do array. Este m\u00e9todo pode ser usado para criar um novo array baseado no array original.<\/p>\n\n\n\n O m\u00e9todo filter() cria um novo array com todos os elementos que passam em um teste especificado por uma fun\u00e7\u00e3o fornecida. Este m\u00e9todo pode ser usado para criar um novo array baseado em uma condi\u00e7\u00e3o.<\/p>\n\n\n\n O m\u00e9todo reduce() executa uma fun\u00e7\u00e3o fornecida em cada elemento do array e retorna um \u00fanico valor. Este m\u00e9todo pode ser usado para realizar uma opera\u00e7\u00e3o em todos os elementos de um array e retornar um \u00fanico valor.<\/p>\n\n\n\n O m\u00e9todo sort() classifica os elementos de um array no lugar. Este m\u00e9todo pode ser usado para classificar um array em ordem crescente ou decrescente.<\/p>\n\n\n\n Na dica de hoje vamos falar de arrays e seus metodos em javaScript. Arrays s\u00e3o uma parte essencial de qualquer<\/p>\n","protected":false},"author":4,"featured_media":18586,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"colormag_page_container_layout":"default_layout","colormag_page_sidebar_layout":"default_layout","_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[106,303,240],"tags":[653,224,652],"class_list":["post-18584","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desenvolvimento","category-destaque-secundario","category-javascript","tag-arrays","tag-javascript","tag-metodos"],"yoast_head":"\n<\/a>push() \u2013 Adiciona um ou mais elementos ao final de um array.<\/h2>\n\n\n\n
const array = [1, 2, 3]; \narray.push(4, 5); \nconsole.log(array); \n\/\/ Sa\u00edda: [1, 2, 3, 4, 5]\n<\/code><\/pre>\n\n\n\n<\/a>pop() \u2013 Remove e retorna o \u00faltimo elemento de um array.<\/h2>\n\n\n\n
const array = [1, 2, 3];\nconst lastElement = array.pop();\nconsole.log(array); \n\/\/ Sa\u00edda: [1, 2]\nconsole.log(lastElement); \n\/\/ Sa\u00edda: 3\n<\/code><\/pre>\n\n\n\n<\/a>shift() \u2013 Remove e retorna o primeiro elemento de um array<\/h2>\n\n\n\n
const array = [1, 2, 3];\nconst firstElement = array.shift();\nconsole.log(array); \n\/\/ Sa\u00edda: [2, 3]\nconsole.log(firstElement); \n\/\/ Sa\u00edda: 1\n<\/code><\/pre>\n\n\n\n<\/a>unshift() \u2013 Adiciona um ou mais elementos ao in\u00edcio de um array<\/h2>\n\n\n\n
const array = [1, 2, 3];\narray.unshift(4, 5);\nconsole.log(array); \n\/\/ Sa\u00edda: [4, 5, 1, 2, 3]\n<\/code><\/pre>\n\n\n\n<\/a>splice() \u2013 Adiciona ou remove elementos de um array em um \u00edndice especificado<\/h2>\n\n\n\n
const array = [1, 2, 3, 4];\narray.splice(1, 2, 5, 6);\nconsole.log(array); \n\/\/ Sa\u00edda: [1, 5, 6, 4]\n<\/code><\/pre>\n\n\n\n<\/a>slice() \u2013 Retorna uma c\u00f3pia de uma parte de um array especificado por seus \u00edndices inicial e final<\/h2>\n\n\n\n
const array = [1, 2, 3, 4];\nconst newArray = array.slice(1, 3);\nconsole.log(newArray); \n\/\/ Sa\u00edda: [2, 3]\n<\/code><\/pre>\n\n\n\n<\/a>concat() \u2013 Combina dois ou mais arrays e retorna um novo array<\/h2>\n\n\n\n
const array1 = [1, 2];\nconst array2 = [3, 4];\nconst newArray = array1.concat(array2);\nconsole.log(newArray); \n\/\/ Sa\u00edda: [1, 2, 3, 4]\n<\/code><\/pre>\n\n\n\n<\/a>join() \u2013 Une todos os elementos de um array em uma string<\/h2>\n\n\n\n
const array = [1, 2, 3]; \nconst string = array.join(\"-\"); \nconsole.log(string); \n\/\/ Sa\u00edda: \"1-2-3\"\n<\/code><\/pre>\n\n\n\n<\/a>indexOf() \u2013 Retorna o \u00edndice da primeira ocorr\u00eancia de um elemento especificado em um array<\/h2>\n\n\n\n
const array = [1, 2, 3]; \nconst index = array.indexOf(2); \nconsole.log(index); \n\/\/ Sa\u00edda: 1\n<\/code><\/pre>\n\n\n\n<\/a>lastIndexOf() \u2013 Retorna o \u00edndice da \u00faltima ocorr\u00eancia de um elemento especificado em um array<\/h2>\n\n\n\n
const array = [1, 2, 3, 2]; \nconst index = array.lastIndexOf(2); \nconsole.log(index); \n\/\/ Sa\u00edda: 3\n<\/code><\/pre>\n\n\n\n<\/a>forEach() \u2013 Executa uma fun\u00e7\u00e3o fornecida uma vez para cada elemento em um array<\/h2>\n\n\n\n
const array = [1, 2, 3]; \narray.forEach((element) => { \n console.log(element); \n}); \n\/\/ Sa\u00edda: \n\/\/ 1 \n\/\/ 2 \n\/\/ 3\n<\/code><\/pre>\n\n\n\n<\/a>map() \u2013 Cria um novo array com os resultados da chamada de uma fun\u00e7\u00e3o fornecida em cada elemento do array<\/h2>\n\n\n\n
const array = [1, 2, 3]; \nconst newArray = array.map((element) => { \n return element * 2; \n}); \nconsole.log(newArray); \n\/\/ Sa\u00edda: [2, 4, 6]\n\n<\/code><\/pre>\n\n\n\n<\/a>filter() \u2013 Cria um novo array com todos os elementos que passam em um teste especificado por uma fun\u00e7\u00e3o fornecida<\/h2>\n\n\n\n
const array = [1, 2, 3]; \nconst newArray = array.filter((element) => { \n return element > 1; \n}); \nconsole.log(newArray); \n\/\/ Sa\u00edda: [2, 3]\n<\/code><\/pre>\n\n\n\n<\/a>reduce() \u2013 Executa uma fun\u00e7\u00e3o fornecida em cada elemento do array e retorna um \u00fanico valor<\/h2>\n\n\n\n
const array = [1, 2, 3]; \nconst sum = array.reduce((accumulator, currentValue) => { \n return accumulator + currentValue; \n}, 0); \nconsole.log(sum); \n\/\/ Sa\u00edda: 6\n<\/code><\/pre>\n\n\n\n<\/a>sort() \u2013 Classifica os elementos de um array no lugar<\/h2>\n\n\n\n
const array = [3, 2, 1];\narray.sort();\nconsole.log(array); \n\/\/ Sa\u00edda: [1, 2, 3]\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"