Tutorial de JS

JS HOME Introdução JS JS Para onde Saída JS Declarações JS Sintaxe JS Comentários JS Variáveis ​​JS JS Let JS Const Operadores JS JS Aritmética Atribuição de JS Tipos de dados JS Funções JS Objetos JS Eventos JS Strings JS Métodos de string JS Pesquisa de String JS Modelos de String JS Números JS Métodos de número JS Matrizes JS Métodos de matriz JS Classificação de matriz JS Iteração de matriz JS Const da matriz JS Datas JS Formatos de data JS Métodos de obtenção de data JS Métodos de conjunto de datas JS JS Math JS Aleatório JS Booleanos Comparações JS Condições JS Interruptor JS Circuito JS para JS Loop Para Entrada JS Loop Para De JS Loop Enquanto Quebra de JS Iteráveis ​​JS Conjuntos JS Mapas JS Tipo JS de Conversão de tipo JS JS bit a bit JS RegExp Erros JS Escopo JS Içamento JS Modo estrito JS JS esta palavra-chave Função de seta JS Classes JS JS JSON Depuração JS Guia de estilo JS Práticas recomendadas de JS Erros de JS Desempenho JS Palavras reservadas JS

Versões JS

Versões JS JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / Edge Histórico de JS

Objetos JS

Definições de objeto Propriedades do objeto Métodos de objeto Exibição de objetos Acessadores de objetos Construtores de objetos Protótipos de Objetos Iteráveis ​​de objeto Conjuntos de objetos Mapas de objetos Referência do objeto

Funções JS

Definições de função Parâmetros de função Invocação de função Chamada de Função Função Aplicar Fechamentos de Função

Classes JS

Introdução à aula Herança de classe Classe Estática

JS Assíncrono

Retornos de chamada JS JS Assíncrono Promessas JS JS Async/Aguardar

JS HTML DOM

Introdução ao DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formulários DOM CSS DOM Animações DOM Eventos DOM Ouvinte de eventos DOM Navegação DOM Nós DOM Coleções DOM Listas de nós DOM

BOM do navegador JS

Janela JS Tela JS Localização JS Histórico de JS Navegador JS Alerta pop-up JS Temporização JS Cookies JS

APIs da Web JS

Introdução à API da Web API de formulários da Web API de histórico da web API de armazenamento da Web API do trabalhador da Web API de busca da Web API de geolocalização da Web

JS AJAX

Introdução AJAX AJAX XML Http Solicitação AJAX Resposta AJAX Arquivo XML AJAX PHP AJAX ASP AJAX Banco de dados AJAX Aplicativos AJAX Exemplos AJAX

JS JSON

Introdução JSON Sintaxe JSON JSON x XML Tipos de dados JSON Análise JSON JSON Stringify Objetos JSON Matrizes JSON Servidor JSON JSON PHP HTML JSON JSON JSONP

JS x jQuery

Seletores jQuery HTML jQuery jQuery CSS jQuery DOM

Gráficos JS

Gráficos JS Tela JS JS Plotly JS Chart.js JS Google Chart JS D3.js

Exemplos JS

Exemplos JS JS HTML DOM Entrada HTML JS Objetos HTML JS Eventos HTML JS Navegador JS Editor JS Exercícios JS Teste JS Certificado JS

Referências JS

Objetos JavaScript Objetos HTML DOM


Cadeias JavaScript

As strings JavaScript são para armazenar e manipular texto.

Uma string JavaScript é zero ou mais caracteres escritos entre aspas.

Exemplo

let text = "John Doe";

Você pode usar aspas simples ou duplas:

Exemplo

let carName1 = "Volvo XC60";  // Double quotes
let carName2 = 'Volvo XC60';  // Single quotes

Você pode usar aspas dentro de uma string, desde que elas não correspondam às aspas que cercam a string:

Exemplo

let answer1 = "It's alright";
let answer2 = "He is called 'Johnny'";
let answer3 = 'He is called "Johnny"';

Comprimento da string

Para encontrar o comprimento de uma string, use a lengthpropriedade interna:

Exemplo

let text = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
let length = text.length;


Caractere de Fuga

Como as strings devem ser escritas entre aspas, o JavaScript não entenderá essa string:

let text = "We are the so-called "Vikings" from the north.";

A string será cortada para "Nós somos os chamados ".

A solução para evitar esse problema é usar o caractere de escape de barra invertida .

O caractere de escape de barra invertida ( \) transforma caracteres especiais em caracteres de string:

Code Result Description
\' ' Single quote
\" " Double quote
\\ \ Backslash

A sequência \"  insere aspas duplas em uma string:

Exemplo

let text = "We are the so-called \"Vikings\" from the north.";

A sequência \'  insere uma aspa simples em uma string:

Exemplo

let text= 'It\'s alright.';

A sequência \\  insere uma barra invertida em uma string:

Exemplo

let text = "The character \\ is called backslash.";

Seis outras sequências de escape são válidas em JavaScript:

Code Result
\b Backspace
\f Form Feed
\n New Line
\r Carriage Return
\t Horizontal Tabulator
\v Vertical Tabulator

Os 6 caracteres de escape acima foram originalmente projetados para controlar máquinas de escrever, teletipos e aparelhos de fax. Eles não fazem nenhum sentido em HTML.


Quebrando Linhas de Código Longas

Para melhor legibilidade, os programadores geralmente preferem evitar linhas de código com mais de 80 caracteres.

Se uma instrução JavaScript não couber em uma linha, o melhor lugar para quebrá-la é depois de um operador:

Exemplo

document.getElementById("demo").innerHTML =
"Hello Dolly!";

Você também pode dividir uma linha de código dentro de uma string de texto com uma única barra invertida:

Exemplo

document.getElementById("demo").innerHTML = "Hello \
Dolly!";

O \método não é o método preferido. Pode não ter suporte universal.
Alguns navegadores não permitem espaços atrás do \caractere.

Uma maneira mais segura de quebrar uma string é usar a adição de string:

Exemplo

document.getElementById("demo").innerHTML = "Hello " +
"Dolly!";

Você não pode dividir uma linha de código com uma barra invertida:

Exemplo

document.getElementById("demo").innerHTML = \
"Hello Dolly!";

Strings JavaScript como Objetos

Normalmente, strings JavaScript são valores primitivos, criados a partir de literais:

let x = "John";

Mas strings também podem ser definidas como objetos com a palavra-chave new:

let y = new String("John");

Exemplo

let x = "John";
let y = new String("John");

Não crie objetos Strings.

A newpalavra-chave complica o código e diminui a velocidade de execução.

Objetos de string podem produzir resultados inesperados:

Ao usar o ==operador, x e y são iguais :

let x = "John";
let y = new String("John");

Ao usar o ===operador, x e y não são iguais :

let x = "John";
let y = new String("John");

Observe a diferença entre (x==y)e (x===y).

(x == y) verdadeiro ou falso?

let x = new String("John");
let y = new String("John");

(x === y) verdadeiro ou falso?

let x = new String("John");
let y = new String("John");

A comparação de dois objetos JavaScript sempre retorna false .

Referência de string completa

Para uma referência completa de String, acesse nosso:

Referência de string JavaScript completa .

A referência contém descrições e exemplos de todas as propriedades e métodos de string.

Teste-se com exercícios

Exercício:

Use a lengthpropriedade para alertar o comprimento de txt.

let txt = "Hello World!";
let x = ;
alert(x);