En aquest tema, aprendrem sobre les variables i els tipus de dades en JavaScript. Les variables són fonamentals per emmagatzemar i manipular dades en els nostres programes. Els tipus de dades defineixen el tipus de valor que una variable pot contenir.

Contingut

Declaració de Variables

En JavaScript, podem declarar variables utilitzant les paraules clau var, let i const.

var

var nom = "Joan";
console.log(nom); // Joan
  • var té un àmbit de funció o global.
  • Pot ser redeclarada i el seu valor pot ser reassignat.

let

let edat = 25;
console.log(edat); // 25
  • let té un àmbit de bloc.
  • No pot ser redeclarada dins del mateix àmbit, però el seu valor pot ser reassignat.

const

const ciutat = "Barcelona";
console.log(ciutat); // Barcelona
  • const té un àmbit de bloc.
  • No pot ser redeclarada ni el seu valor pot ser reassignat.

Tipus de Dades Primitives

Els tipus de dades primitives són els tipus de dades més bàsics en JavaScript.

Nombre (number)

let edat = 30;
let temperatura = -5.5;

Cadena de Text (string)

let salutacio = "Hola, món!";

Booleà (boolean)

let ésVàlid = true;
let ésMajor = false;

Undefined

let indefinit;
console.log(indefinit); // undefined

Null

let buit = null;
console.log(buit); // null

Símbol (symbol)

let símbol = Symbol('identificador');
console.log(símbol); // Symbol(identificador)

BigInt

let granNombre = BigInt(123456789012345678901234567890);
console.log(granNombre); // 123456789012345678901234567890n

Tipus de Dades Complexes

Els tipus de dades complexes inclouen objectes i arrays.

Objecte (object)

let persona = {
    nom: "Anna",
    edat: 28
};
console.log(persona.nom); // Anna

Array

let colors = ["vermell", "verd", "blau"];
console.log(colors[0]); // vermell

Conversió de Tipus

La conversió de tipus és el procés de convertir un valor d'un tipus de dada a un altre.

Conversió a Cadena de Text

let num = 123;
let str = String(num);
console.log(str); // "123"

Conversió a Nombre

let str = "456";
let num = Number(str);
console.log(num); // 456

Conversió a Booleà

let str = "true";
let bool = Boolean(str);
console.log(bool); // true

Exercicis Pràctics

Exercici 1

Declara una variable nom amb el teu nom i una variable edat amb la teva edat. Mostra-les per consola.

let nom = "Maria";
let edat = 22;
console.log(nom); // Maria
console.log(edat); // 22

Exercici 2

Declara una variable esEstudiant amb el valor true i una variable curs amb el valor null. Mostra-les per consola.

let esEstudiant = true;
let curs = null;
console.log(esEstudiant); // true
console.log(curs); // null

Exercici 3

Converteix la cadena "123" a un nombre i suma-li 10. Mostra el resultat per consola.

let str = "123";
let num = Number(str);
let resultat = num + 10;
console.log(resultat); // 133

Exercici 4

Crea un objecte cotxe amb les propietats marca i model. Mostra la marca per consola.

let cotxe = {
    marca: "Toyota",
    model: "Corolla"
};
console.log(cotxe.marca); // Toyota

Conclusió

En aquesta secció, hem après com declarar variables utilitzant var, let i const, així com els diferents tipus de dades primitives i complexes en JavaScript. També hem vist com convertir entre diferents tipus de dades. Aquests conceptes són fonamentals per a la programació en JavaScript i ens preparen per a temes més avançats.

JavaScript: De Principiant a Avançat

Mòdul 1: Introducció a JavaScript

Mòdul 2: Estructures de Control

Mòdul 3: Funcions

Mòdul 4: Objectes i Arrays

Mòdul 5: Objectes i Funcions Avançades

Mòdul 6: El Model d'Objectes del Document (DOM)

Mòdul 7: APIs del Navegador i Temes Avançats

Mòdul 8: Proves i Depuració

Mòdul 9: Rendiment i Optimització

Mòdul 10: Frameworks i Llibreries de JavaScript

Mòdul 11: Projecte Final

© Copyright 2024. Tots els drets reservats