Neste tutorial, você aprenderá sobre string JavaScript com a ajuda de exemplos.
A string JavaScript é um tipo de dados primitivo usado para trabalhar com textos. Por exemplo,
const name = 'John';
Criar strings de JavaScript
Em JavaScript, as strings são criadas envolvendo-as entre aspas. Existem três maneiras de usar aspas.
- Aspas simples:
'Hello'
- Aspas duplas:
"Hello"
- Backticks:
`Hello`
Por exemplo,
//strings example const name = 'Peter'; const name1 = "Jack"; const result = `The names are $(name) and $(name1)`;
As aspas simples e duplas são praticamente iguais e você pode usar qualquer uma delas.
Backticks geralmente são usados quando você precisa incluir variáveis ou expressões em uma string. Isso é feito envolvendo variáveis ou expressões $(variable or expression)
como mostrado acima.
Você também pode escrever uma citação dentro de outra citação. Por exemplo,
const name = 'My name is "Peter".';
No entanto, a citação não deve corresponder às citações circundantes. Por exemplo,
const name = 'My name is 'Peter'.'; // error
Caracteres de string de acesso
Você pode acessar os caracteres em uma string de duas maneiras.
- Uma maneira é tratar as strings como um array. Por exemplo,
const a = 'hello'; console.log(a(1)); // "e"
- Outra forma é usar o método
charAt()
. Por exemplo,
const a = 'hello'; console.log(a.charAt(1)); // "e"
As strings de JavaScript são imutáveis
Em JavaScript, as strings são imutáveis. Isso significa que os caracteres de uma string não podem ser alterados. Por exemplo,
let a = 'hello'; a(0) = 'H'; console.log(a); // "hello"
No entanto, você pode atribuir o nome da variável a uma nova string. Por exemplo,
let a = 'hello'; a = 'Hello'; console.log(a); // "Hello"
JavaScript diferencia maiúsculas de minúsculas
JavaScript diferencia maiúsculas de minúsculas. Isso significa que em JavaScript, as letras maiúsculas e minúsculas são tratadas como valores diferentes. Por exemplo,
const a = 'a'; const b = 'A' console.log(a === b); // false
Em JavaScript, a
e A
são tratados como valores diferentes.
JavaScript Multiline Strings
Para usar uma string multilinha, você pode usar o +
operador ou o operador. Por exemplo,
// using the + operator const message1 = 'This is a long message ' + 'that spans across multiple lines' + 'in the code.' // using the operator const message2 = 'This is a long message that spans across multiple lines in the code.'
Comprimento da string JavaScript
Para encontrar o comprimento de uma string, você pode usar a length
propriedade embutida . Por exemplo,
const a = 'hello'; console.log(a.length); // 5
Objetos de string JavaScript
Você também pode criar strings usando a new
palavra - chave. Por exemplo,
const a = 'hello'; const b = new String('hello'); console.log(a); // "hello" console.log(b); // "hello" console.log(typeof a); // "string" console.log(typeof b); // "object"
Nota : Recomenda-se evitar o uso de objetos de string. Usar objetos string torna o programa mais lento.
Métodos de string JavaScript
Aqui estão os métodos JavaScript String comumente usados:
Método | Descrição |
---|---|
charAt (índice) | retorna o caractere no índice especificado |
concat () | junta duas ou mais strings |
substituir() | substitui uma string por outra string |
Dividido() | converte a string em um array de strings |
substr (início, comprimento) | retorna uma parte de uma string |
substring (início, fim) | retorna uma parte de uma string |
fatia (início, fim) | retorna uma parte de uma string |
toLowerCase () | returns the passed string in lower case |
toUpperCase() | returns the passed string in upper case |
trim() | removes whitespace from the strings |
includes() | searches for a string and returns a boolean value |
search() | searches for a string and returns a position of a match |
Example: JavaScript String Methods
const text1 = 'hello'; const text2 = 'world'; const text3 = ' JavaScript '; // concatenating two strings const result1 = text1.concat(' ', text2); console.log(result1); // "hello world" // converting the text to uppercase const result2 = text1.toUpperCase(); console.log(result2); // HELLO // removing whitespace from the string const result3 = text3.trim(); console.log(result3); // JavaScript // converting the string to an array const result4 = text1.split(); console.log(result4); // ("hello") // slicing the string const result5= text1.slice(1, 3); console.log(result5); // "el"
JavaScript String() Function
The String()
function is used to convert various data types to strings. For example,
const a = 225; // number const b = true; // boolean //converting to string const result1 = String(a); const result2 = String(b); console.log(result1); // "225" console.log(result2); // "true"
If you want to learn more about the string conversion, visit JavaScript Type Conversion.
Escape Character
You can use the backslash escape character to include special characters in a string. For example,
const name = 'My name is \'Peter\'.'; console.log(name);
Output
My name is 'Peter'.
In the above program, the same quote is included using .
Here are other ways that you can use :
Code | Output |
---|---|
" | include double quote |
\ | incluir barra invertida |
n | nova linha |
r | retorno de carruagem |
v | aba vertical |
t | aba horizontal |
b | backspace |
f | feed de formulário |