Métodos da String do JavaScript

No capítulo anterior, aprendemos os fundamentos das strings, agora vamos avançar um pouco mais, começando a considerar algumas operações úteis que podem ser feitas com strings que têm métodos e propriedades integrados.

Valores originais (como 'New Delhi') não podem ter propriedades ou métodos (porque eles não são objetos).

Mas no JavaScript, métodos e propriedades também podem ser usados em valores originais, porque o JavaScript considera valores originais como objetos ao executar métodos e propriedades.

Encontrar o comprimento da string

lengthA propriedade retorna o comprimento da string. Para uma string vazia, o comprimento é 0.

var str = 'Java Script';
str.length;//　return　11

Atenção:O espaço também é considerado um caractere:

Método concat()

concat()O método é usado para concatenar duas ou mais strings.

var a = 'w3codebox';
var b = 'COM';
var c = a.concat(b);

Atenção:Todos os métodos de string retornam um novo valor. Eles não alteram a variável original.

Conversão para maiúsculas ou minúsculas

toUpperCase()O método retorna o valor da chamada da string convertido para maiúsculas.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toUpperCase();

toLowerCase()O método retorna o valor da chamada da string convertido para minúsculas.

var　str1　= "oldtoolbag.com";
var　str2　=　str1.toLowerCase();

Procurar substrings em uma string

indexOf()O método retorna a posição (índice) da primeira ocorrência do valor especificado na string.

var str = 'Air Pollution is the introduction of chemicals to the atmosphere';
str.indexOf('Pollution');//　4

Atenção:O índice do primeiro caractere é 0, o índice do segundo caractere é1e assim por diante.

lastIndexOf()O método retorna a posição (índice) da última ocorrência do valor especificado na string.

var str = 'Hello world, I repeat Hello world';
str.lastIndexOf('Hello');//　22

indexOf()elastIndexOf()返回-1Se o valor não for encontrado:

var str = "oldtoolbag.com";
str.indexOf("fish");
str.lastIndexOf("beer");

indexOf()elastIndexOf()Ambos aceitam o segundo parâmetro como a posição de início da busca:

var str = 'HELLO WORLD HELLO';
str.indexOf('L',　6);

Procurar substrings na string

search()O método executa uma busca para encontrar correspondências entre a expressão regular e a string.

Se encontrar correspondência, ela retornará a posição da primeira correspondência, se não encontrar correspondência, retornará-1:

var str = 'The question is to be, or not to be, that is to be.';
var pos = str.search('to be');

O seguinte exemplo demonstra o uso da expressão regular com sinal de i (ignorar maiúsculas e minúsculas):

var str = 'The question is TO BE, or not to be, that is to be.';
var pos = str.search(/ser/i);

Mais tarde neste tutorial, você aprenderá mais sobre expressões regulares.

Converter string em array

split()O método divide a string em um array de substrings e retorna o novo array.

Vamos usarsplit()O método separa o array por caracteres de espaço representados.

var str = 'can you help me?';
var arr = str.split("　");

Agora estamos emarrA variável teve um novo array, podemos usar o número de índice para acessar cada elemento:

arr[0];　　　//　Air
arr[2　　　//　is

No seguinte exemplo, usaremos "i" como delimitador:

var str = 'can you help me?';
var arr = str.split("i");

Se uma string vazia ("") for usada como delimitador, a string será convertida em um array de caracteres:

var str = 'can you help me?';
var arr = str.split("");

Ao dividir a string, você pode determinar quantas palavras há em uma frase.

Remover espaços em branco antes e após a string

trim()O método remove espaços em branco dos extremos da string, mas não pode remover espaços entre strings, os espaços podem ser tabulações ou espaços.

var greeting = "　　Hello world!　　";
greeting.trim();

Este método executa a eliminação de espaços em branco excessivos, um método simples e comum.

Substituição de valor da string

replace()}O método retorna uma nova string que contém parte ou toda a correspondência do padrão e é substituída pelo item de substituição.

O primeiro parâmetro será o valor a ser encontrado, e o segundo parâmetro será o valor a ser substituído.

var　str1　= 'The question is to be, or not to be, that is to be.';
var　str2　=　str1.replace('to be', 'ZZZ');

Por padrão, o método replace() substitui apenas a primeira ocorrência coincidente.

Para substituir todas as ocorrências, use expressão regular com o sinal g (busca global):

var　str1　= 'The question is to be, or not to be, that is to be.';
var　str2　=　str1.replace(/ser/g, 'ZZZ');

Para substituir código sem distinção entre maiúsculas e minúsculas, use expressões regulares com o sinal i (ignorar maiúsculas e minúsculas):

var　str1　= 'The question is TO BE, or not to be, that is to be.';
var　str2　=　str1.replace(/ser/gi, 'ZZZ');

Mais tarde neste tutorial, você aprenderá mais sobre expressões regulares.

Extrair parte da string

Existem três métodos para extrair parte de uma string:

• slice(start, end)

• substring(start, end)

• substr(start, length)

método slice()

slice()O método extrai parte da string e a retorna como uma nova string, sem modificar a string original.

Este método tem dois parâmetros:índice inicial (start)eíndice final (end)não incluiFim).

Este exemplo começa no índice3até o índice9(10-1)Extrair parte da string:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3,　10);

Atenção:O índice do primeiro caractere é 0, o índice do segundo caractere é1e assim por diante.

Escolher a partir do final da string usando índices negativos:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-8,　-3);

Se o segundo parâmetro estiver omitido, este método cortará o resto da string:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(3);

O seguinte exemplo usa slice() para extrair o último caractere:

var　str　=　'Hello　Javascript　oldtoolbag.com';
var ext = str.slice(-1);

método substring()

substring()O método é semelhante aoslice()método.

A diferença está emsubstring()não aceita índices negativos.

var　str1　= 'can you help me?';
var　str2　=　str1.substring(4,　10);

Se o segundo parâmetro estiver omitido,substring()O método extrairá o resto da string:

var　str1　= 'can you help me?';
var　str2　=　str1.substring(7);

método substr()

substr()O método é semelhante aoslice()método.

A diferença está no segundo parâmetro que especifica a parte a ser extraída:Comprimento.

Os seguintes exemplos são usados parasubstr()do índice4Extrair caracteres, comprimento de18:

var　str1　= 'can you help me?';
var　str2　=　str1.substr(4,　18);

Se o segundo parâmetro estiver omitido,substr()O método extrairá o resto da string:

var　str1　= 'can you help me?';
var　str2　=　str1.substr(7);

Para extrair caracteres do final de uma string, use índices negativos:

var　str1　= 'Olá JavaScript oldtoolbag.com';
var　str2　=　str1.substr(-6,　3);　　　//　tor

访问字符串字符

有三种访问字符串字符的方法：

• charAt(index)

• charCodeAt(index)

• 方括号表示法[]

charAt()方法

charAt()方法返回字符串中指定索引处的字符。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(1);//　Retornar　a

下面的示例返回字符串的最后一个字符：

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charAt(str.length-1);

charCodeAt()方法

charCodeAt()方法返回介于0和65535之间的整数，该整数表示给定索引处的UTF-16代码单元。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str.charCodeAt(1);//　返回　97

方括号表示法[]

您可以使用方括号表示法返回字符串中的任何字符[]。

在方括号内，包括要返回的字符的索引号。

var　str　=　'Hello　Javascript　oldtoolbag.com';
str[0];//　返回　P
str[1//　Retornar　a

Referência completa de string

Para referência completa de propriedades e métodos, acesse nossoReferência de String JavaScript.

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