{"id":10720,"date":"2023-08-28T13:05:14","date_gmt":"2023-08-28T16:05:14","guid":{"rendered":"https:\/\/www.homehost.com.br\/blog\/?p=10720"},"modified":"2024-05-02T10:42:39","modified_gmt":"2024-05-02T13:42:39","slug":"javascript-length","status":"publish","type":"post","link":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/","title":{"rendered":"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?"},"content":{"rendered":"\n<p>Neste artigo, exploraremos o uso da <strong>propriedade <code>length<\/code> em JavaScript<\/strong>, seus pr\u00e9-requisitos e como ela desempenha um papel vital na obten\u00e7\u00e3o de informa\u00e7\u00f5es cruciais sobre as<strong> dimens\u00f5es dos elementos. <\/strong>Essa ferramenta \u00e9 frequentemente usada para <strong>revelar dados sobre o tamanho de objetos espec\u00edficos, como <a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\">arrays<\/a> e strings<\/strong>.<\/p>\n\n\n\n<p>O JavaScript, uma linguagem poderosa para criar conte\u00fado din\u00e2mico, controlar multim\u00eddia e imagens animadas, est\u00e1 no cerne da experi\u00eancia web envolvente. Aprender suas particularidades e as fun\u00e7\u00f5es envolvidas garante ao programador amplas oportunidades no mercado de trabalho.<\/p>\n\n\n\n<p>Acompanhe a leitura e saiba mais sobre como us\u00e1-la.<\/p>\n\n\n\n<p>Mais artigos sobre JS:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-splice\/\">JavaScript\u00a0Splice: adicionando e removendo elementos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\">JavaScript\u00a0.length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/split-javascript\/\">Split JavaScript: dividir uma string em array<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/filter-javascript\/\">Filter JavaScript: filtrando e gerindo dados<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/array-javascript\/\">Array JavaScript: como manipular vetores<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/for-javascript\/\">For JavaScript: como usar esse la\u00e7o de repeti\u00e7\u00e3o<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/if-javascript\/\">If JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/else-if-javascript\/\">Else if JavaScript: Como usar?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/dom-javascript\/\">DOM JavaScript: O que \u00e9 e como funciona?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/while-javascript\/\">While JavaScript: um guia completo<\/a><\/li>\n<\/ul>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_72 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Conte\u00fado<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Requisitos_para_utilizacao_da_propriedade_JavaScript_length\" title=\"Requisitos para utiliza\u00e7\u00e3o da propriedade JavaScript .length\">Requisitos para utiliza\u00e7\u00e3o da propriedade JavaScript .length<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#A_propriedade_length_em_JavaScript\" title=\"A propriedade length em JavaScript\">A propriedade length em JavaScript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Algumas_praticas_profissionais_usando_JavaScript_length\" title=\"Algumas pr\u00e1ticas profissionais usando JavaScript .length\">Algumas pr\u00e1ticas profissionais usando JavaScript .length<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Iteracao_sobre_Arrays\" title=\"Itera\u00e7\u00e3o sobre Arrays\">Itera\u00e7\u00e3o sobre Arrays<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Criacao_de_Listas_Dinamicas\" title=\"Cria\u00e7\u00e3o de Listas Din\u00e2micas\">Cria\u00e7\u00e3o de Listas Din\u00e2micas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Manipulacao_de_Strings\" title=\"Manipula\u00e7\u00e3o de Strings:\">Manipula\u00e7\u00e3o de Strings:<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Calculos_Estatisticos\" title=\"C\u00e1lculos Estat\u00edsticos\">C\u00e1lculos Estat\u00edsticos<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Manipulacao_de_Matrizes\" title=\"Manipula\u00e7\u00e3o de Matrizes\">Manipula\u00e7\u00e3o de Matrizes<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Busca_em_Matriz\" title=\"Busca em Matriz\">Busca em Matriz<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Operacoes_de_Transformacao\" title=\"Opera\u00e7\u00f5es de Transforma\u00e7\u00e3o\">Opera\u00e7\u00f5es de Transforma\u00e7\u00e3o<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Implementacao_de_uma_arvore_binaria_de_busca_Binary_Search_Tree_%E2%80%93_BST\" title=\"Implementa\u00e7\u00e3o de uma \u00e1rvore bin\u00e1ria de busca (Binary Search Tree &#8211; BST)&nbsp;\">Implementa\u00e7\u00e3o de uma \u00e1rvore bin\u00e1ria de busca (Binary Search Tree &#8211; BST)&nbsp;<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Adicionar_JavaScript_length_em_um_objeto\" title=\"Adicionar JavaScript .length em um objeto\">Adicionar JavaScript .length em um objeto<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#Uso_Incorreto_do_JavaScript_length\" title=\"Uso Incorreto do JavaScript .length\">Uso Incorreto do JavaScript .length<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Requisitos_para_utilizacao_da_propriedade_JavaScript_length\"><\/span>Requisitos para utiliza\u00e7\u00e3o da propriedade JavaScript .length<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Antes de utilizarmos a propriedade <strong><code>length<\/code> <\/strong>em <strong>JavaScript<\/strong>, \u00e9 importante compreender os requisitos b\u00e1sicos para sua aplica\u00e7\u00e3o. Felizmente, a utiliza\u00e7\u00e3o dessa propriedade \u00e9 bastante simples e n\u00e3o exige instala\u00e7\u00e3o adicional ou configura\u00e7\u00f5es complexas.&nbsp;<\/p>\n\n\n\n<p>Tudo o que voc\u00ea precisa \u00e9 de um ambiente para executar o JavaScript. Isso inclui um navegador web moderno ou um ambiente de execu\u00e7\u00e3o JavaScript, como o Node.js.<\/p>\n\n\n\n<p>\u00c9 importante destacar que <strong>navegadores modernos executam JavaScript por padr\u00e3o, mas o usu\u00e1rio pode desativar<\/strong>. Navegadores m\u00f3veis n\u00e3o convencionais ou antigos podem vir com essa funcionalidade desligada, como um iPad antigo com Opera desatualizado.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"A_propriedade_length_em_JavaScript\"><\/span>A propriedade length em JavaScript<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>A propriedade <strong><code>length<\/code> <\/strong>\u00e9 uma caracter\u00edstica intr\u00ednseca em arrays e strings em JavaScript. <strong>Ela retorna o n\u00famero de elementos contidos em um array ou o n\u00famero de caracteres em uma string.<\/strong> Essa propriedade \u00e9 extremamente \u00fatil para diversas tarefas, como determinar o tamanho de uma lista din\u00e2mica de itens ou verificar o comprimento de uma entrada de texto.<\/p>\n\n\n\n<p>Esta propriedade retorna o n\u00famero de unidades de c\u00f3digo na string. JavaScript utiliza a codifica\u00e7\u00e3o UTF-16, onde cada caractere Unicode \u00e9 codificado como uma ou duas unidades de c\u00f3digo, ent\u00e3o \u00e9 poss\u00edvel que o valor retornado pelo <strong><code>length<\/code> <\/strong>n\u00e3o corresponda ao n\u00famero real de caracteres Unicode na string. <\/p>\n\n\n\n<p><strong>Para scripts comuns como latim, cir\u00edlico, <a href=\"https:\/\/www.dicio.com.br\/caractere\/\">caracteres<\/a> CJK conhecidos, etc.,<\/strong> isso n\u00e3o deve ser um problema, mas se voc\u00ea estiver trabalhando com determinados scripts, como emojis, s\u00edmbolos matem\u00e1ticos ou caracteres chineses obscuros, pode ser necess\u00e1rio levar em conta a diferen\u00e7a entre unidades de c\u00f3digo e caracteres.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Em arrays<\/h3>\n\n\n\n<p>Para arrays, a propriedade length indica o n\u00famero de elementos contidos no array. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let fruits = &#091;'apple', 'banana', 'orange'];\nconsole.log(fruits.length); \/\/ Isso ir\u00e1 exibir 3<\/code><\/pre>\n\n\n\n<p>No caso de strings, a propriedade length retorna o n\u00famero de caracteres na string:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let message = \"Ol\u00e1, mundo!\";\nconsole.log(message.length); \/\/ Isso ir\u00e1 exibir 12\n<\/code><\/pre>\n\n\n\n<p>A propriedade <strong><code>length<\/code> <\/strong>em JavaScript n\u00e3o precisa ser chamada com par\u00eanteses porque ela n\u00e3o \u00e9 uma fun\u00e7\u00e3o, mas sim uma propriedade dos objetos, especialmente de arrays e strings.<\/p>\n\n\n\n<p>Ent\u00e3o, quando voc\u00ea escreve <strong><code>array.length<\/code> <\/strong>ou <code><strong>string.length<\/strong><\/code>, voc\u00ea est\u00e1 apenas acessando um valor que j\u00e1 existe, sem a necessidade de invocar uma fun\u00e7\u00e3o. Isso contribui para a clareza e simplicidade da linguagem JavaScript.<\/p>\n\n\n\n<p>O <strong><code>length<\/code> <\/strong>do JavaScript tem um uso similar ou at\u00e9 id\u00eantico a outras linguagens de programa\u00e7\u00e3o. No C# e Ruby, por exemplo, \u00e9 uma propriedade, o que torna o c\u00f3digo JavaScript quase um &#8220;copia e cola&#8221; com poucas altera\u00e7\u00f5es no algoritmo. No Java, o <strong><code>length<\/code> <\/strong>\u00e9 contextual: um array possui a propriedade <code><strong>length<\/strong><\/code>, por\u00e9m para saber o tamanho de uma string \u00e9 necess\u00e1rio usar uma fun\u00e7\u00e3o. <\/p>\n\n\n\n<p>Segue o exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>int&#091;] numbers = {1, 2, 3, 4, 5};\nint arrayLength = numbers.length;  \/\/ Usando a propriedade para arrays\nString message = \"Hello, world!\";\nint stringLength = message.length();  \/\/ Usando o m\u00e9todo para strings\n<\/code><\/pre>\n\n\n\n<p>E, como uma men\u00e7\u00e3o honrosa, Python tem a fun\u00e7\u00e3o <a href=\"https:\/\/www.homehost.com.br\/blog\/pythondjango\/len-python\/\">Len()<\/a>, onde \u00e9 usada para obter o comprimento de objetos iter\u00e1veis, como strings, listas, tuplas, dicion\u00e1rios e outros. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>my_string = \"Hello, world!\"\nstring_length = len(my_string)\nprint(string_length)  # Isso ir\u00e1 imprimir 13\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Algumas_praticas_profissionais_usando_JavaScript_length\"><\/span>Algumas pr\u00e1ticas profissionais usando JavaScript .length<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Valida\u00e7\u00e3o de Entradas<\/h3>\n\n\n\n<p>Ao lidar com formul\u00e1rios ou entradas do usu\u00e1rio, \u00e9 comum usar a propriedade <strong><code>length<\/code> <\/strong>para verificar se a entrada atende aos requisitos de tamanho. Por exemplo, antes de enviar um formul\u00e1rio, voc\u00ea pode verificar se o campo de senha possui o comprimento m\u00ednimo necess\u00e1rio:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const passwordInput = document.getElementById('password');\nif (passwordInput.value.length &lt; 8) {\n    alert('A senha deve ter pelo menos 8 caracteres.');\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Iteracao_sobre_Arrays\"><\/span>Itera\u00e7\u00e3o sobre Arrays<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Ao percorrer um array,<\/strong> frequentemente se utiliza a propriedade <strong><code>length<\/code> <\/strong>para determinar itera\u00e7\u00f5es, evitando erros de \u00edndice e garantindo o processamento correto de todos os elementos. Por exemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const numbers = &#091;10, 20, 30, 40, 50];\nfor (let i = 0; i &lt; numbers.length; i++) {\n    console.log(numbers&#091;i]);\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Criacao_de_Listas_Dinamicas\"><\/span>Cria\u00e7\u00e3o de Listas Din\u00e2micas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Ao criar listas din\u00e2micas, como sugest\u00f5es de pesquisa, usa-se a propriedade <strong><code>length<\/code> <\/strong>para ajustar o comportamento com base no n\u00famero de itens dispon\u00edveis.<\/strong> Por exemplo, ao exibir sugest\u00f5es de pesquisa, voc\u00ea pode limitar o n\u00famero de resultados exibidos com base na quantidade de itens relevantes:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const searchResults = &#091;'apple', 'banana', 'orange', 'grapes', 'kiwi'];\nconst maxSuggestions = 3;\n\nfunction showSuggestions(input) {\n    const suggestions = &#091;];\n    for (let i = 0; i &lt; searchResults.length; i++) {\n        if (suggestions.length &gt;= maxSuggestions) {\n            break;\n        }\n        if (searchResults&#091;i].startsWith(input)) {\n            suggestions.push(searchResults&#091;i]);\n        }\n    }\n    \/\/ Exibir sugest\u00f5es para o usu\u00e1rio\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manipulacao_de_Strings\"><\/span>Manipula\u00e7\u00e3o de Strings:<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ao trabalhar com strings, usa-se a propriedade <strong><code>length<\/code> <\/strong>para executar opera\u00e7\u00f5es baseadas no comprimento da string. Por exemplo, para truncar uma string se ela for muito longa:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const maxCharacters = 20;\nlet longText = \"Lorem ipsum dolor sit amet, consectetur adipiscing elit.\";\n\nif (longText.length &gt; maxCharacters) {\n    longText = longText.substring(0, maxCharacters) + '...';\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Calculos_Estatisticos\"><\/span>C\u00e1lculos Estat\u00edsticos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Ao trabalhar com dados num\u00e9ricos, voc\u00ea pode usar um loop for para calcular a m\u00e9dia de um conjunto de valores em um array:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const values = &#091;15, 22, 30, 18, 25];\nlet sum = 0;\n\nfor (let i = 0; i &lt; values.length; i++) {\n    sum += values&#091;i];\n}\n\nconst average = sum \/ values.length;\nconsole.log('M\u00e9dia:', average);\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Manipulacao_de_Matrizes\"><\/span>Manipula\u00e7\u00e3o de Matrizes<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Ao trabalhar com matrizes bidimensionais, como tabelas, <\/strong>voc\u00ea pode usar loops aninhados para percorrer e manipular os elementos:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matrix = &#091;\n    &#091;1, 2, 3],\n    &#091;4, 5, 6],\n    &#091;7, 8, 9]\n];\nfor (let i = 0; i &lt; matrix.length; i++) {\n    for (let j = 0; j &lt; matrix&#091;i].length; j++) {\n        console.log('Elemento &#091;' + i + ']&#091;' + j + ']:', matrix&#091;i]&#091;j]);\n    }\n}\n<\/code><\/pre>\n\n\n\n<p>Dominar matrizes \u00e9 uma habilidade b\u00e1sica para muitos cursos, mas nem sempre temos um <strong><code>length<\/code> <\/strong>incluso na l\u00edngua de programa\u00e7\u00e3o, por\u00e9m, pode-se elaborar um algoritmo que acompanhe com o tamanho das arrays.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Busca_em_Matriz\"><\/span>Busca em Matriz<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<pre class=\"wp-block-code\"><code>const matrix = &#091;\n    &#091;10, 20, 30],\n    &#091;40, 50, 60],\n    &#091;70, 80, 90]\n];\n\nconst targetValue = 50;\nlet targetFound = false;\n\nfor (let i = 0; i &lt; matrix.length; i++) {\n    for (let j = 0; j &lt; matrix&#091;i].length; j++) {\n        if (matrix&#091;i]&#091;j] === targetValue) {\n            targetFound = true;\n            console.log('Elemento encontrado na posi\u00e7\u00e3o &#091;' + i + ']&#091;' + j + ']');\n            break;\n        }\n    }\n    if (targetFound) {\n        break;\n    }\n}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Operacoes_de_Transformacao\"><\/span>Opera\u00e7\u00f5es de Transforma\u00e7\u00e3o<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Voc\u00ea pode usar loops aninhados para aplicar transforma\u00e7\u00f5es em elementos de uma matriz bidimensional. <\/strong>Por exemplo, multiplicar cada elemento por um fator:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const matrix = &#091;\n    &#091;2, 4, 6],\n    &#091;8, 10, 12],\n    &#091;14, 16, 18]\n];\n\nconst factor = 2;\n\nfor (let i = 0; i &lt; matrix.length; i++) {\n    for (let j = 0; j &lt; matrix&#091;i].length; j++) {\n        matrix&#091;i]&#091;j] *= factor;\n    }\n}\n<\/code><\/pre>\n\n\n\n<p>Arquivo completo para mostrar os exemplos funcionando:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;!DOCTYPE html&gt;\n&lt;html lang=\"en\"&gt;\n&lt;head&gt;\n    &lt;meta charset=\"UTF-8\"&gt;\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"&gt;\n    &lt;title&gt;Exemplos JavaScript&lt;\/title&gt;\n&lt;\/head&gt;\n&lt;body&gt;\n    &lt;script&gt;\n        \/\/ Exemplo de uso da propriedade length com arrays\n        const fruits = &#091;'apple', 'banana', 'orange'];\n        console.log('Tamanho do array de frutas:', fruits.length);\n\n        \/\/ Exemplo de uso da propriedade length com strings\n        const message = \"Hello, world!\";\n        console.log('Tamanho da string de mensagem:', message.length);\n\n        \/\/ Exemplo de uso de loop for com array de uma dimens\u00e3o\n        const values = &#091;15, 22, 30, 18, 25];\n        let sum = 0;\n        for (let i = 0; i &lt; values.length; i++) {\n            sum += values&#091;i];\n        }\n        const average = sum \/ values.length;\n        console.log('M\u00e9dia dos valores:', average);\n\n        \/\/ Exemplo de uso de loop for com array de duas dimens\u00f5es\n        const matrix = &#091;\n            &#091;1, 2, 3],\n            &#091;4, 5, 6],\n            &#091;7, 8, 9]\n        ];\n        for (let i = 0; i &lt; matrix.length; i++) {\n            for (let j = 0; j &lt; matrix&#091;i].length; j++) {\n                console.log('Elemento &#091;' + i + ']&#091;' + j + ']:', matrix&#091;i]&#091;j]);\n            }\n        }\n    &lt;\/script&gt;\n&lt;\/body&gt;\n&lt;\/html&gt;\n\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Implementacao_de_uma_arvore_binaria_de_busca_Binary_Search_Tree_%E2%80%93_BST\"><\/span>Implementa\u00e7\u00e3o de uma \u00e1rvore bin\u00e1ria de busca (Binary Search Tree &#8211; BST)&nbsp;<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Uma \u00e1rvore bin\u00e1ria de busca \u00e9 uma estrutura de dados onde cada n\u00f3 tem no m\u00e1ximo dois filhos<\/strong>, e os n\u00f3s \u00e0 esquerda s\u00e3o menores ou iguais ao n\u00f3 pai, enquanto os n\u00f3s \u00e0 direita s\u00e3o maiores.<\/p>\n\n\n\n<p>Criando um <strong><code>struct Node<\/code> para representar os n\u00f3s da \u00e1rvor<\/strong>e e uma classe <strong>BinarySearchTree para implementar a estrutura da \u00e1rvore e rastrear o n\u00famero de n\u00f3s<\/strong> usando a propriedade <strong><code>length<\/code> <\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>class Node {\n    constructor(value) {\n        this.value = value;\n        this.left = null;\n        this.right = null;\n    }\n}\nclass BinarySearchTree {\n    constructor() {\n        this.root = null;\n        this.length = 0; \/\/ Usaremos a propriedade length para acompanhar o n\u00famero de n\u00f3s\n    }\n    insert(value) {\n        const newNode = new Node(value);\n        if (!this.root) {\n            this.root = newNode;\n        } else {\n            this.insertNode(this.root, newNode);\n        }\n        this.length++; \/\/ Incrementando o length ap\u00f3s inserir um n\u00f3\n    }\n    insertNode(node, newNode) {\n        if (newNode.value &lt; node.value) {\n            if (!node.left) {\n                node.left = newNode;\n            } else {\n                this.insertNode(node.left, newNode);\n            }\n        } else {\n            if (!node.right) {\n                node.right = newNode;\n            } else {\n                this.insertNode(node.right, newNode);\n            }\n        }\n    }\n    \/\/ Outros m\u00e9todos da BinarySearchTree, como busca, remo\u00e7\u00e3o, etc.\n}\n\n<\/code><\/pre>\n\n\n\n<p>\/\/ Exemplo de uso<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const bst = new BinarySearchTree();\nbst.insert(10);\nbst.insert(5);\nbst.insert(15);\nbst.insert(3);\nbst.insert(8);\nconsole.log('N\u00famero de n\u00f3s na \u00e1rvore:', bst.length); \/\/ Isso ir\u00e1 exibir 5\n<\/code><\/pre>\n\n\n\n<p>Usamos a propriedade <strong><code>length<\/code> <\/strong>para rastrear o n\u00famero de n\u00f3s na \u00e1rvore. Cada vez que um n\u00f3 \u00e9 inserido na \u00e1rvore, incrementamos o valor de <code><strong>length<\/strong><\/code>. Isso nos permite obter rapidamente o tamanho atual da \u00e1rvore sem precisar percorrer a \u00e1rvore inteira para contar os n\u00f3s.<\/p>\n\n\n\n<p>Essa propriedade tornou essa estrutura de dados mais conveniente no JavaScript. Afinal, est\u00e1 inclu\u00edda dentro da linguagem de programa\u00e7\u00e3o, ao contr\u00e1rio do puro C, que nos for\u00e7aria a implementar os algoritmos necess\u00e1rios para funcionalidades desse tipo.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adicionar_JavaScript_length_em_um_objeto\"><\/span>Adicionar JavaScript .length em um objeto<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Pode-se criar um objeto e providenciar um <strong><code>length<\/code> <\/strong>a ele para que seja usado da mesma forma que os exemplos desse artigo<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function getSizeInfo(data) {\n    const sizeInfo = {\n        type: typeof data,\n        length: data.length\n    };\n    return sizeInfo;\n}\nconst exampleString = \"Hello, world!\";\nconst exampleArray = &#091;1, 2, 3, 4, 5];\nconst stringInfo = getSizeInfo(exampleString);\nconsole.log(\"Informa\u00e7\u00f5es sobre a string:\", stringInfo);\nconst arrayInfo = getSizeInfo(exampleArray);\nconsole.log(\"Informa\u00e7\u00f5es sobre o array:\", arrayInfo);\n<\/code><\/pre>\n\n\n\n<p>A fun\u00e7\u00e3o <strong><code>getSizeInfo <\/code><\/strong>aceita um argumento data, que pode ser uma string ou um array. A fun\u00e7\u00e3o cria um objeto <strong><code>sizeInfo <\/code><\/strong>que cont\u00e9m a propriedade <code><strong>type <\/strong><\/code>(indicando o tipo de dado) e a propriedade <strong><code>length<\/code> <\/strong>(obtida usando a propriedade <strong><code>length<\/code><\/strong>).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Uso_Incorreto_do_JavaScript_length\"><\/span>Uso Incorreto do JavaScript .length<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Embora a propriedade <strong><code>length<\/code> <\/strong>seja amplamente \u00fatil, h\u00e1 alguns problemas t\u00e9cnicos potenciais que podem surgir ao utiliz\u00e1-la, e \u00e9 importante estar ciente deles para evitar comportamentos indesejados em seu c\u00f3digo. Aqui est\u00e3o alguns problemas comuns relacionados \u00e0 propriedade <strong><code>length<\/code> <\/strong>e como evit\u00e1-los:<\/p>\n\n\n\n<p>Alguns exemplos onde o <strong><code>length<\/code> <\/strong>n\u00e3o \u00e9 igual ao n\u00famero de caracteres:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/image.png\" alt=\"\" class=\"wp-image-10772\" width=\"310\" height=\"322\" srcset=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/image.png 310w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/image-289x300.png 289w, https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/image-24x24.png 24w\" sizes=\"(max-width: 310px) 100vw, 310px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Uso Incorreto do JavaScript .length em Tipos N\u00e3o-Iter\u00e1veis:<\/h3>\n\n\n\n<p><strong>A propriedade <code>length<\/code> \u00e9 projetada para ser usada com tipos iter\u00e1veis, como strings e arrays. <\/strong>No entanto, se voc\u00ea tentar us\u00e1-la em um tipo n\u00e3o-iter\u00e1vel, como um n\u00famero ou um objeto, isso resultar\u00e1 em comportamento inesperado:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>const number = 42;\nconsole.log(number.length); \/\/ Isso n\u00e3o faz sentido e retornar\u00e1 undefined\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Espa\u00e7os em Branco e Caracteres Invis\u00edveis:<\/h3>\n\n\n\n<p><strong>A propriedade <strong><code>length<\/code> <\/strong>considera todos os caracteres, incluindo espa\u00e7os em branco e caracteres invis\u00edveis, ao calcular o tamanho de uma string.<\/strong> Isso pode ser um problema se voc\u00ea estiver contando palavras ou caracteres vis\u00edveis em uma string.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>let message = \"Ol\u00e1, mundo!\";\nconsole.log(message.length); \/\/ Isso ir\u00e1 exibir 12, afinal inclui o \u2018 \u2018 espa\u00e7o\n<\/code><\/pre>\n\n\n\n<p><strong>Solu\u00e7\u00e3o:<\/strong> Se voc\u00ea precisa calcular o n\u00famero de palavras ou caracteres vis\u00edveis, \u00e9 necess\u00e1rio pr\u00e9-processar a string para remover os espa\u00e7os em branco ou caracteres indesejados antes de usar a propriedade <strong><code>length<\/code> <\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>function removeWhitespaceAndInvisibleChars(inputString) {\n    \/\/ Substitui espa\u00e7os em branco e caracteres invis\u00edveis por uma string vazia\n    const cleanedString = inputString.replace(\/&#091; \\t\\v\\f\\r\\u200B]+\/g, '');\n    return cleanedString;\n}\n\nconst originalString = \"  Hello,   world! \\t This is a test.\\u200B \";\nconst cleanedString = removeWhitespaceAndInvisibleChars(originalString);\n\nconsole.log(\"String original:\", originalString);\nconsole.log(\"String limpa:\", cleanedString);\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Uso em Cen\u00e1rios Ass\u00edncronos:<\/h3>\n\n\n\n<p>Em cen\u00e1rios ass\u00edncronos, como quando voc\u00ea est\u00e1 lidando com solicita\u00e7\u00f5es de API, o valor da propriedade <strong><code>length<\/code> <\/strong>pode n\u00e3o ser o esperado devido ao tempo de resposta das solicita\u00e7\u00f5es.<\/p>\n\n\n\n<p>Solu\u00e7\u00e3o: <strong>Certifique-se de que o valor da propriedade <strong><code>length<\/code> <\/strong>seja acessado somente ap\u00f3s a conclus\u00e3o das opera\u00e7\u00f5es ass\u00edncronas<\/strong>, possivelmente dentro de <strong><code>callbacks<\/code><\/strong>, promessas ou <strong><code>async\/await<\/code><\/strong>.<\/p>\n\n\n\n<p class=\"has-background\" style=\"background-color:#ff6a0038\">Outros t\u00edtulos interessantes:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/switch-javascript\/\">Switch JavaScript: O que \u00e9 e como usar?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/tipos-de-funcoes-javascript\/\">Quais s\u00e3o os tipos de fun\u00e7\u00f5es JavaScript?<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/alert-javascript\/\">Alert JavaScript: Como exibir uma mensagem na tela<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/map-javascript\/\">Map JavaScript: Potencializando a Efici\u00eancia com o Uso Desse M\u00e9todo<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/reduce-javascript\/\">Reduce JavaScript: Desvendando a usabilidade e pr\u00e1tica<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/mudar-background-javascript\/\">Como mudar background em\u00a0JavaScript<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/print-div-javascript\/\">Print Div JavaScript: como usar e quais as funcionalidades<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/foreach-javascript\/\">forEach JavaScript: exemplos pr\u00e1ticos<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/wordpress\/entendendo-e-utilizando-a-tag-span-em-html\/\">Entendendo e Utilizando a Tag span em HTML<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/www.homehost.com.br\/blog\/criar-sites\/select-html\/\">Select em HTML: crie menus em um formul\u00e1rio HTML<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p>A propriedade <strong><code>length<\/code> <\/strong>em JavaScript \u00e9 uma ferramenta essencial para avaliar o tamanho de arrays e strings. <\/p>\n\n\n\n<p>Sua simplicidade de uso e aplicabilidade tornam-na uma aliada valiosa para desenvolvedores que desejam interagir dinamicamente com elementos e dados em suas aplica\u00e7\u00f5es. <\/p>\n\n\n\n<p>Com um entendimento adequado dessa propriedade, os programadores podem melhorar a qualidade e efici\u00eancia de seus c\u00f3digos, garantindo uma manipula\u00e7\u00e3o precisa e eficaz de elementos em suas <a href=\"https:\/\/pt.wikipedia.org\/wiki\/Aplica%C3%A7%C3%A3o_web\">aplica\u00e7\u00f5es web<\/a>.<\/p>\n\n\n\n<p>Considere, assim, aprender mais sobre esses conte\u00fados no nosso <a href=\"https:\/\/www.homehost.com.br\/blog\/\">blog<\/a> e explore nossas produ\u00e7\u00f5es.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Neste artigo, exploraremos o uso da propriedade length em JavaScript, seus pr\u00e9-requisitos e como ela desempenha um papel vital na obten\u00e7\u00e3o de informa\u00e7\u00f5es cruciais sobre as dimens\u00f5es dos elementos. Essa ferramenta \u00e9 frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos, como arrays e strings. O JavaScript, uma linguagem poderosa para criar conte\u00fado [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":10771,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_helpful_status":1,"_lmt_disableupdate":"","_lmt_disable":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6585],"tags":[],"class_list":["post-10720","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost<\/title>\n<meta name=\"description\" content=\"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost\" \/>\n<meta property=\"og:description\" content=\"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\" \/>\n<meta property=\"og:site_name\" content=\"Homehost\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Homehost\/\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-28T16:05:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-02T13:42:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1260\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Daiana S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Homehost\" \/>\n<meta name=\"twitter:site\" content=\"@Homehost\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daiana S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\",\"name\":\"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost\",\"isPartOf\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png\",\"datePublished\":\"2023-08-28T16:05:14+00:00\",\"dateModified\":\"2024-05-02T13:42:39+00:00\",\"author\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\"},\"description\":\"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png\",\"contentUrl\":\"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png\",\"width\":1260,\"height\":630,\"caption\":\"Usando JavaScript .length para medir propriedades\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.homehost.com.br\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#website\",\"url\":\"https:\/\/www.homehost.com.br\/blog\/\",\"name\":\"Homehost\",\"description\":\"Hospedagem De Sites\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689\",\"name\":\"Daiana S\",\"description\":\"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost","description":"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.","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:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/","og_locale":"pt_BR","og_type":"article","og_title":"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost","og_description":"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.","og_url":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/","og_site_name":"Homehost","article_publisher":"https:\/\/www.facebook.com\/Homehost\/","article_published_time":"2023-08-28T16:05:14+00:00","article_modified_time":"2024-05-02T13:42:39+00:00","og_image":[{"width":1260,"height":630,"url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png","type":"image\/png"}],"author":"Daiana S","twitter_card":"summary_large_image","twitter_creator":"@Homehost","twitter_site":"@Homehost","twitter_misc":{"Escrito por":"Daiana S","Est. tempo de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/","url":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/","name":"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o? | Homehost","isPartOf":{"@id":"https:\/\/www.homehost.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage"},"image":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage"},"thumbnailUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png","datePublished":"2023-08-28T16:05:14+00:00","dateModified":"2024-05-02T13:42:39+00:00","author":{"@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689"},"description":"Saiba tudo sobre JavaScript .length, ferramenta frequentemente usada para revelar dados sobre o tamanho de objetos espec\u00edficos.","breadcrumb":{"@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#primaryimage","url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png","contentUrl":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png","width":1260,"height":630,"caption":"Usando JavaScript .length para medir propriedades"},{"@type":"BreadcrumbList","@id":"https:\/\/www.homehost.com.br\/blog\/javascript\/javascript-length\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.homehost.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"JavaScript .length: fun\u00e7\u00e3o ou n\u00e3o fun\u00e7\u00e3o?"}]},{"@type":"WebSite","@id":"https:\/\/www.homehost.com.br\/blog\/#website","url":"https:\/\/www.homehost.com.br\/blog\/","name":"Homehost","description":"Hospedagem De Sites","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.homehost.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/www.homehost.com.br\/blog\/#\/schema\/person\/eb90cb369d7098d6d85fa96c78ea1689","name":"Daiana S","description":"Graduada em Letras pelo Instituto Federal da Para\u00edba e especializada em reda\u00e7\u00e3o geral. Gosto de escrever sobre tudo e me dedico em v\u00e1rios n\u00edveis de expressividade. No geral, todos os meus hobbies giram em torno de escrever alguma coisa e fazer isso bem. Contato: daiana.blog@homehost.com.br"}]}},"modified_by":"Daiana S","jetpack_featured_media_url":"https:\/\/www.homehost.com.br\/blog\/wp-content\/uploads\/2023\/08\/11.08-1-1.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10720","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/comments?post=10720"}],"version-history":[{"count":40,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10720\/revisions"}],"predecessor-version":[{"id":13999,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/posts\/10720\/revisions\/13999"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media\/10771"}],"wp:attachment":[{"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/media?parent=10720"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/categories?post=10720"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.homehost.com.br\/blog\/wp-json\/wp\/v2\/tags?post=10720"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}