Sintaxe Básica em JavaScript: Variáveis, Vetores, Objetos, Estruturas Condicionais e Funções

JavaScript é uma linguagem de programação amplamente utilizada para desenvolver aplicativos web interativos. Para entender e escrever código JavaScript eficaz, é fundamental compreender a sua sintaxe básica, que inclui variáveis, vetores, objetos, estruturas condicionais e funções. Neste artigo, exploraremos esses conceitos com exemplos práticos.

Variáveis em JavaScript

Variáveis são usadas para armazenar dados em JavaScript. Você pode declarar uma variável usando as palavras-chave 'var', 'let' ou 'const'. Vamos ver como declarar variáveis e atribuir valores a elas:

// Declarando variáveis
var nome = "João";
let idade = 30;
const PI = 3.14;


// Reatribuindo valores
nome = "Maria";
idade = 25;
// PI = 3.1415; // Isso geraria um erro, pois PI é uma constante

Vetores em JavaScript

Vetores (ou arrays) são usados para armazenar coleções de valores. Eles são declarados usando colchetes '[ ]'. Veja um exemplo de como criar e acessar elementos em um vetor:

// Declarando um vetor
let frutas = ["maçã", "banana", "laranja"];


// Acessando elementos
console.log(frutas[0]); // Saída: maçã
console.log(frutas.length); // Saída: 3

Objetos em JavaScript

Objetos são estruturas de dados que armazenam pares chave-valor. Eles são declarados usando chaves '{ }'. Aqui está um exemplo de um objeto que representa uma pessoa:

// Declarando um objeto
let pessoa = {
  nome: "Ana",
  idade: 28,
  cidade: "São Paulo"
};


// Acessando propriedades
console.log(pessoa.nome); // Saída: Ana
console.log(pessoa["idade"]); // Saída: 28

Estruturas Condicionais em JavaScript

Estruturas condicionais permitem que você tome decisões em seu código com base em condições. O 'if', 'else' if ' e 'else' são frequentemente usados para isso. Veja um exemplo:

let idade = 18;


if (idade < 18) {
  console.log("Menor de idade");
} else if (idade >= 18 && idade < 65) {
  console.log("Adulto");
} else {
  console.log("Idoso");
}

Funções em JavaScript

Funções são blocos de código reutilizáveis que podem receber argumentos e retornar valores. Aqui está um exemplo simples de uma função que calcula a soma de dois números:

// Declarando uma função
function somar(a, b) {
  return a + b;
}


// Chamando a função
let resultado = somar(5, 3);
console.log(resultado); // Saída: 8

As funções também podem ser armazenadas em variáveis e passadas como argumentos para outras funções, tornando-as extremamente flexíveis.

Em resumo, a sintaxe básica em JavaScript envolve a declaração de variáveis, manipulação de vetores e objetos, uso de estruturas condicionais para tomar decisões e a criação de funções para organizar e reutilizar código. Esses conceitos são fundamentais para dominar JavaScript e criar aplicações web dinâmicas e interativas. Experimente esses exemplos em seu ambiente de desenvolvimento para consolidar seu entendimento.