tutoriais mais recente desenvolvimento web
 

JavaScript Cordas


JavaScript cordas são usadas para armazenamento e manipulação de texto.


JavaScript Cordas

Uma cadeia de JavaScript simplesmente armazena uma série de personagens como "John Doe" .

A cadeia pode ser qualquer texto entre aspas. Você pode usar aspas simples ou duplas:

Exemplo

var carname = "Volvo XC60";
var carname = 'Volvo XC60';
Tente você mesmo "

Você pode usar aspas dentro de uma string, contanto que eles não corresponderem as aspas em torno da string:

Exemplo

var answer = "It's alright";
var answer = "He is called 'Johnny'";
var answer = 'He is called "Johnny"';
Tente você mesmo "

Cadeia Comprimento

O comprimento de uma string é encontrado na construído em comprimento propriedade:

Exemplo

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;
Tente você mesmo "

Caracteres especiais

Porque cordas deve ser escrita entre aspas, JavaScript irá interpretar mal esta cadeia:

var y = "We are the so-called "Vikings" from the north."

O texto será cortado em "We are the so-called " .

A solução para evitar este problema, consiste em utilizar o carácter \ fuga.

O carácter de escape barra invertida transforma caracteres especiais em caracteres da cadeia:

Exemplo

var x = 'It\'s alright';
var y = "We are the so-called \"Vikings\" from the north."
Tente você mesmo "

O caractere de escape (\) também pode ser usado para inserir outros caracteres especiais em uma string.

Esta é a lista de caracteres especiais que podem ser adicionados a uma cadeia de texto com o sinal de barra invertida:

Código saídas
\' aspas simples
\" citação dupla
\\ barra invertida
\n nova linha
\r retorno de carro
\t aba
\b retrocesso
\f alimentação de formulário

Quebrar linhas de código longo

Para melhor legibilidade, os programadores muitas vezes gostaria de evitar linhas de código mais de 80 caracteres.

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

Exemplo

document.getElementById("demo").innerHTML =
"Hello Dolly.";
Tente você mesmo "

Você também pode acabar com uma linha de códigodentro de uma cadeia de texto com uma única barra invertida:

Exemplo

document.getElementById("demo").innerHTML = "Hello \
Dolly!";
Tente você mesmo "

O \ método não é um ECMAScript (JavaScript) padrão.
Alguns navegadores não permitem espaços atrás do \ personagem.

O mais seguro (mas um pouco mais lento) maneira de quebrar uma cadeia longa é usar além string:

Exemplo

document.getElementById("demo").innerHTML = "Hello" +
"Dolly!";
Tente você mesmo "

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

Exemplo

document.getElementById("demo").innerHTML = \
"Hello Dolly!";
Tente você mesmo "

Cordas podem ser objetos

Normalmente, cordas JavaScript são valores primitivos, criados a partir de literais: var firstName = "John"

Mas cordas também podem ser definidos como objetos com a palavra-chave new: var firstName = new String("John")

Exemplo

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

// typeof x will return string
// typeof y will return object
Tente você mesmo "

Não crie strings como objetos. Ele retarda a velocidade de execução.
A new palavra-chave complica o código. Isso pode produzir alguns resultados inesperados:

Ao usar o operador de igualdade ==, cordas iguais parece igual:

Exemplo

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

// (x == y) is true because x and y have equal values
Tente você mesmo "

Ao usar o operador de igualdade ===, cordas iguais não são iguais, porque o operador === espera que a igualdade em ambos os tipo e valor.

Exemplo

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

// (x === y) is false because x and y have different types (string and object)
Tente você mesmo "

Ou ainda pior. Os objetos não podem ser comparados:

Exemplo

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

// (x == y) is false because x and y are different objects
// (x == x) is true because both are the same object
Tente você mesmo "

JavaScript objectos não podem ser comparados.

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»