Tipos de dados: string, números, booleanos, arrays, objetos

Tipos de Dados: Strings, Números, Booleanos, Arrays, Objetos

Introdução

Bem-vindo à aula sobre tipos de dados em JavaScript! Entender os diferentes tipos de dados é fundamental para qualquer programador, pois são a base para manipular informações dentro do código. Nesta aula, vamos explorar os tipos de dados mais comuns em JavaScript, incluindo strings, números, booleanos, arrays e objetos. Vamos começar com um dos tipos mais utilizados, a string, e aprender várias maneiras de trabalhar com ela.

Strings

Em JavaScript, uma string é uma sequência de caracteres usada para representar texto. Elas podem ser definidas usando aspas simples, duplas ou crases, mas a forma mais moderna e versátil é utilizando template literals. Vamos ver algumas características e exemplos de strings.

Definindo Strings:let nome = “João”; // Aspas duplas let saudacao = ‘Olá’; // Aspas simples

Concatenando Strings: Você pode unir strings usando o operador +, mas é preciso ter cuidado ao concatenar strings com números, pois o resultado pode ser inesperado. Veja o exemplo abaixo:let idade = 26; let texto = “Idade: ” + idade; // Resultado: “Idade: 26” let calculoErrado = “Idade: ” + idade + 5; // Resultado: “Idade: 265”

Template Literals: A forma mais atual e recomendada de concatenar strings é utilizando template literals, que permitem inserir expressões diretamente dentro das crases. É uma maneira mais legível e eficiente de trabalhar com strings.let nome = “Maria”; let idade = 30; let apresentacao = `Meu nome é ${nome} e tenho ${idade} anos.`; // Uso de template literals

Trabalhando com Funções de Strings em JavaScript

Em JavaScript, as strings são objetos, e por isso elas têm métodos (funções) que podemos utilizar para manipulá-las. Vamos explorar alguns desses métodos que são comumente usados, como toUpperCase e toLowerCase.

toUpperCase()

O método toUpperCase() converte todos os caracteres de uma string para maiúsculas. É extremamente útil quando você precisa normalizar a entrada do usuário, por exemplo.

Exemplo:let nome = “João”; let nomeMaiusculo = nome.toUpperCase(); console.log(nomeMaiusculo); // Saída: “JOÃO”

toLowerCase()

De maneira semelhante, o método toLowerCase() converte todos os caracteres de uma string para minúsculas. É comumente usado para comparações de strings, onde a capitalização não deve afetar o resultado.

Exemplo:let saudacao = “Olá, Mundo!”; let saudacaoMinuscula = saudacao.toLowerCase(); console.log(saudacaoMinuscula); // Saída: “olá, mundo!”

Outras Funções Úteis

Existem várias outras funções que podem ser utilizadas com strings em JavaScript. Aqui estão algumas:

• trim(): Remove espaços em branco do início e do fim da string.
• charAt(index): Retorna o caractere na posição especificada (índice).
• includes(searchString): Verifica se a string contém uma subsequência especificada.
• replace(searchFor, replaceWith): Substitui uma parte da string.

Exemplos:let texto = ” Aprendendo JavaScript “; console.log(texto.trim()); // Saída: “Aprendendo JavaScript”let animal = “elefante”; console.log(animal.charAt(3)); // Saída: “f” console.log(animal.includes(“lef”)); // Saída: true let novoTexto = texto.replace(“JavaScript”, “Java”); console.log(novoTexto.trim()); // Saída: “Aprendendo Java”

Esses métodos proporcionam maneiras poderosas e flexíveis de manipular strings, facilitando a realização de tarefas comuns no desenvolvimento. Experimente-os e explore a documentação para encontrar ainda mais funcionalidades!

Dominar o trabalho com strings é fundamental em qualquer linguagem de programação, e em JavaScript, temos várias formas de manipular e concatenar esses dados. Aprendemos aqui as diferenças entre as formas tradicionais e modernas, como os template literals, além de entender o comportamento ao concatenar strings com números.

Números

Os números em JavaScript podem ser inteiros ou de ponto flutuante, e a linguagem possui uma série de operadores aritméticos que podemos utilizar. Vamos explorar os conceitos básicos.

Definindo Números:let inteiro = 42; // Um número inteiro let pontoFlutuante = 42.42; // Um número de ponto flutuante

Operações Aritméticas: Podemos realizar as operações aritméticas básicas, como soma, subtração, multiplicação e divisão.let soma = 10 + 32; // Resultado: 42 let subtracao = 50 – 8; // Resultado: 42 let multiplicacao = 6 * 7; // Resultado: 42 let divisao = 84 / 2; // Resultado: 42

Os números são fundamentais em qualquer linguagem de programação, e em JavaScript, podemos manipulá-los facilmente através de operadores aritméticos. Compreender essas operações é essencial para realizar cálculos e manipular informações numéricas.

Trabalhando com Funções de Números em JavaScript

Os números em JavaScript são representados como objetos Number, o que significa que também podemos utilizar diversos métodos para manipulá-los. Abaixo, exploramos algumas dessas funções comuns.

toFixed(digitos)

O método toFixed() formata um número usando notação de ponto fixo. O argumento digitos especifica o número de dígitos após o ponto decimal.

Exemplo:let valor = 123.4567; let valorFormatado = valor.toFixed(2); console.log(valorFormatado); // Saída: “123.46”

Math Object

Além disso, JavaScript fornece o objeto Math com muitas funções para trabalhar com matemática.

• Math.round(valor): Arredonda o número para o inteiro mais próximo.
• Math.floor(valor): Arredonda o número para baixo para o inteiro mais próximo.
• Math.ceil(valor): Arredonda o número para cima para o inteiro mais próximo.
• Math.pow(x, y): Retorna x elevado à potência y.

Exemplos:console.log(Math.round(4.7)); // Saída: 5 console.log(Math.floor(4.7)); // Saída: 4 console.log(Math.ceil(4.3)); // Saída: 5 console.log(Math.pow(2, 3)); // Saída: 8

Essas funções e métodos proporcionam maneiras robustas e flexíveis de trabalhar com números em JavaScript. Experimente diferentes combinações e consulte a documentação para descobrir ainda mais métodos e propriedades úteis!

Booleanos

O tipo de dado booleano tem apenas dois valores possíveis: true ou false. Ele é frequentemente usado para controle de fluxo, como condicionais e loops.

Definindo Booleanos:let verdadeiro = true; let falso = false;

Exemplo de Uso em uma Condicional:if (verdadeiro) { console.log(“Essa condição é verdadeira!”); } else { console.log(“Essa condição é falsa!”); }

Conclusão da Seção de Booleanos: Booleanos desempenham um papel vital no controle do fluxo do programa, permitindo que você execute código com base em condições. A compreensão deste tipo de dado é crucial para escrever código dinâmico e interativo.

Arrays

Arrays são listas ordenadas que podem conter vários tipos de dados, incluindo números, strings, e outros objetos.

Definindo e Acessando Arrays:let frutas = [‘Maçã’, ‘Banana’, ‘Manga’]; console.log(frutas[0]); // Saída: ‘Maçã’

Métodos Úteis de Arrays: Arrays possuem diversos métodos que facilitam sua manipulação. Por exemplo:frutas.push(‘Uva’); // Adiciona ao final frutas.pop(); // Remove o último elemento

Arrays são extremamente úteis para armazenar listas de elementos e oferecem métodos práticos para manipulação. Compreender arrays é vital para estruturar e organizar dados em sua aplicação.

Objetos

Os objetos em JavaScript são coleções de pares chave-valor e são usados para armazenar dados estruturados.

Definindo e Acessando Objetos:let pessoa = { nome: ‘João’, idade: 30, profissao: ‘Engenheiro’ }; console.log(pessoa.nome); // Saída: ‘João’

Manipulando Objetos: Você pode adicionar ou modificar propriedades facilmente:pessoa.nacionalidade = ‘Brasileiro’; // Adicionando uma propriedade pessoa.idade = 31; // Modificando uma propriedade existente

Objetos são fundamentais para organizar e estruturar dados em JavaScript. Eles oferecem uma maneira flexível de construir estruturas de dados complexas e são uma parte essencial de qualquer aplicação moderna.

Conclusão

Nesta aula, exploramos os fundamentos dos tipos de dados em JavaScript, abordando strings, números, booleanos, arrays e objetos. Compreender como esses tipos de dados funcionam é essencial para qualquer desenvolvedor, pois são a base de qualquer aplicação. Concatenamos strings de diversas maneiras, incluindo o moderno método dos template literals. Exploramos as peculiaridades dos números em JavaScript, como a forma de tratar a concatenação com strings, e também discutimos os booleanos, um tipo de dado fundamental para o controle lógico do código.

Os arrays e objetos, como estruturas mais complexas, nos permitem organizar dados de maneira mais estruturada e eficiente. Os métodos e propriedades que aprendemos para manipular esses tipos de dados são ferramentas poderosas que usaremos constantemente em nossos projetos.

Exercícios

Agora que você aprendeu os conceitos básicos, é hora de colocar seu conhecimento em prática. Aqui estão alguns exercícios para você:

1. Strings:
   • Crie uma string e a converta para maiúsculas.
   • Utilize template literals para concatenar seu nome e sobrenome.
2. Números:
   • Escreva um script que calcule a média de três números.
   • Investigue o que acontece quando você tenta somar um número a uma string.
3. Booleanos:
   • Crie condições que retornem valores booleanos verdadeiros e falsos.
4. Arrays:
   • Crie um array de suas frutas favoritas e adicione uma usando o método push.
5. Objetos:
   • Crie um objeto representando um livro, com propriedades como título, autor e número de páginas.

Estes exercícios ajudarão você a consolidar o conhecimento adquirido nesta aula e prepará-lo para os tópicos mais avançados. Sinta-se à vontade para revisar a matéria se tiver dúvidas e não hesite em buscar mais recursos online.

Boa prática, e nos vemos na próxima aula!