Fatia de string JavaScript()

Resumo : neste tutorial, você aprenderá como usar o slice()método JavaScript String para extrair uma substring de uma string.

Introdução ao método JavaScript String slice()

O String.prototype.slice()método extrai uma parte de uma string e a retorna como uma substring. O seguinte mostra a sintaxe do slice()método:

slice(start, end)

O slice()método possui dois parâmetros opcionais starte end.

começar

O startparâmetro é um índice baseado em zero no qual o método inicia a extração. Por exemplo:

const str = 'Hello';
const substr = str.slice(3);

console.log({ substr });
Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'lo' }Linguagem de código:  CSS  ( css )

Se startfor negativo, o slice()método inicia a extração do arquivo str.length + start. Por exemplo:

const str = 'Hello';
const substr = str.slice(-3);

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'llo' }Linguagem de código:  CSS  ( css )

Se startfor omitido undefinedou não puder ser convertido em um número, o slice()método inicia a extração desde o início da string:

const str = 'Hello';
const substr = str.slice();

console.log({ substr });
Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'Hello' }Linguagem de código:  CSS  ( css )

Se the startfor maior ou igual ao comprimento da string , o slice()método retornará uma string vazia. Por exemplo:

const str = 'Hello';
const substr = str.slice(5);

console.log({ substr });
Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: '' }Linguagem de código:  CSS  ( css )

fim

O endé um índice baseado em zero que especifica a posição antes do slice()método terminar a extração. A string de resultado não incluirá o caractere no endíndice. Por exemplo:

const str = 'Hello';
const substr = str.slice(0, 2);

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'He' }Linguagem de código:  CSS  ( css )

Se endfor negativo, o slice()método o trata como str.length + end. Por exemplo:

const str = 'Hello';
const substr = str.slice(0, -2);

// str.length 5
// str.length + end = 5 + (-2) = 3

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Se endfor maior que o comprimento da string , o slice()método extrai até o final da string. Por exemplo:

const str = 'Hello';
const substr = str.slice(2, 6);

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'llo' }Linguagem de código:  CSS  ( css )

Se the endfor omitido undefinedou não puder ser convertido em um número, o slice()método também extrairá até o final da string. Por exemplo:

const str = 'Hello';
const substr = str.slice(3);

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: 'lo' }Linguagem de código:  CSS  ( css )

Se the endrepresenta uma posição anterior àquela representada por start, o slice()método retorna uma string vazia. Por exemplo:

const str = 'Hello';
const substr = str.slice(3, 2);

console.log({ substr });Linguagem de código:  JavaScript  ( javascript )

Saída:

{ substr: '' }Linguagem de código:  CSS  ( css )

Exemplo prático do método JavaScript String slice()

O exemplo a seguir usa o slice()método para obter a parte local de um endereço de e-mail:

let email = '[email protected]'
let localPart = email.slice(0,email.indexOf('@'));

console.log(localPart);Linguagem de código:  JavaScript  ( javascript )

Saída:

johnLinguagem de código:  JavaScript  ( javascript )

Como funciona:

• Primeiro, use o indexOf()método para localizar o @sinal. O valor retornado de indexOf()é usado como segundo argumento do slice()método.
• Em seguida, use o slice()método para extrair a parte local do e-mail começando do início da string até o caractere antes do @sinal.

Resumo

• Use o método JavaScript String slice()para extrair uma substring de uma string.