El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
HOME Els meus cursos Finalitzats
◄ Anterior
◄

Paràmetres Rest

Següent ►
►

Els paràmetres rest són una característica poderosa de TypeScript (i JavaScript) que permet a una funció acceptar un nombre variable d'arguments com un array. Aquesta funcionalitat és especialment útil quan no es coneix per endavant el nombre d'arguments que es passaran a la funció.

Conceptes Clau

  1. Sintaxi dels Paràmetres Rest:

    • Els paràmetres rest es defineixen utilitzant els tres punts (...) seguits del nom del paràmetre.
    • Aquest paràmetre es converteix en un array que conté tots els arguments addicionals passats a la funció.

  2. Ús dels Paràmetres Rest:

    • Es poden utilitzar per agrupar arguments en una funció.
    • Faciliten la creació de funcions que poden treballar amb un nombre variable d'arguments.

Exemple Pràctic

Definició d'una Funció amb Paràmetres Rest

function sumar(...nombres: number[]): number {
    return nombres.reduce((acc, curr) => acc + curr, 0);
}

console.log(sumar(1, 2, 3)); // Sortida: 6
console.log(sumar(10, 20, 30, 40)); // Sortida: 100

Explicació del Codi

  1. Definició de la Funció:

    • La funció sumar accepta un nombre variable d'arguments de tipus number.
    • El paràmetre ...nombres es converteix en un array de números.

  2. Reducció de l'Array:

    • La funció reduce s'utilitza per sumar tots els elements de l'array nombres.
    • acc és l'acumulador que guarda la suma parcial.
    • curr és l'element actual de l'array que s'està processant.

  3. Crides a la Funció:

    • sumar(1, 2, 3) retorna 6 perquè suma 1 + 2 + 3.
    • sumar(10, 20, 30, 40) retorna 100 perquè suma 10 + 20 + 30 + 40.

Exercicis Pràctics

Exercici 1: Concatenar Strings

Escriu una funció concatenar que accepti un nombre variable de strings i els concateni en un sol string.

function concatenar(...strings: string[]): string {
    // Escriu el teu codi aquí
}

// Prova la funció
console.log(concatenar("Hola", " ", "món", "!")); // Sortida: "Hola món!"

Solució

function concatenar(...strings: string[]): string {
    return strings.join('');
}

console.log(concatenar("Hola", " ", "món", "!")); // Sortida: "Hola món!"

Exercici 2: Trobar el Màxim

Escriu una funció trobarMaxim que accepti un nombre variable de números i retorni el valor màxim.

function trobarMaxim(...nombres: number[]): number {
    // Escriu el teu codi aquí
}

// Prova la funció
console.log(trobarMaxim(1, 5, 3, 9, 2)); // Sortida: 9

Solució

function trobarMaxim(...nombres: number[]): number {
    return Math.max(...nombres);
}

console.log(trobarMaxim(1, 5, 3, 9, 2)); // Sortida: 9

Errors Comuns

  1. Oblidar els Tres Punts:

    • Si oblides els tres punts (...), TypeScript no reconeixerà el paràmetre com un paràmetre rest i generarà un error.
    function sumar(nombres: number[]): number { // Error
    return nombres.reduce((acc, curr) => acc + curr, 0);
}

  2. Tipus Incorrectes:

    • Assegura't que el tipus del paràmetre rest és correcte. Per exemple, si esperes números, utilitza number[].
    function sumar(...nombres: string[]): number { // Error
    return nombres.reduce((acc, curr) => acc + curr, 0);
}

Resum

Els paràmetres rest són una característica útil que permet a les funcions acceptar un nombre variable d'arguments. Utilitzant els tres punts (...), pots agrupar aquests arguments en un array i processar-los fàcilment dins de la funció. Aquesta funcionalitat és especialment útil per a funcions que necessiten ser flexibles en el nombre d'arguments que accepten.

◄ Anterior
◄
Següent ►
►
El Projecte | Sobre nosaltres | Contribuir | Donacions | Llicència
© Copyright 2024. Tots els drets reservats