Cambiar mayúsculas y minúsculas en TypeScript

Shuvayan Ghosh Dastidar 21 junio 2023
  1. Expresión Switch Case en TypeScript
  2. Múltiples tipos en TypeScript
  3. Use Enumeraciones con Cambiar casos en TypeScript
  4. Use Cambiar mayúsculas y minúsculas con varias expresiones en TypeScript
Cambiar mayúsculas y minúsculas en TypeScript

‘Switch case’ es una construcción de programación importante que se utiliza para cambiar entre diferentes partes de los bloques de código en función de la lógica de la aplicación diferente. Diferentes lenguajes de programación tienen su propia implementación de las expresiones switch case.

TypeScript también tiene soporte para cambiar casos con la expresión que tiene cualquier tipo. En lenguajes como C++, la expresión switch debe ser necesariamente de tipo entero y coincidir con uno de los casos.

Expresión Switch Case en TypeScript

Los casos Switch son importantes para cambiar entre bloques de código basados en una expresión. Se puede usar para evitar las complejidades de múltiples bloques if-else.

A continuación se muestra la construcción de una expresión básica de cambio de caso en TypeScript.

switch ( expression ){
    case val1:
        ...
        break;
    case val2:
        ...
        break;
    case val3:
        ...
        break;
    default:
        ...
        break;
}

Por lo tanto, la expresión se compara con uno de los casos y se ejecuta el siguiente bloque de código. El bloque de código correspondiente al bloque predeterminado se ejecuta si no se encuentra ninguna coincidencia.

A diferencia de muchos lenguajes de programación, la expresión en la cláusula switch puede tener cualquier tipo en TypeScript.

Múltiples tipos en TypeScript

En TypeScript, la instrucción switch puede tener varios tipos según la aplicación. Los siguientes bloques de código muestran cómo se pueden ejecutar las declaraciones switch en TypeScript.

function getStatus(status : string) {
    switch ( status ) {
        case "SUCCESS":
            console.log("Operation successful");
            break;
        case "IN-PROGRESS":
            console.log("Processing ...");
            break;
        case "FAILURE":
            console.log("Operation failed");
            break;
        default:
            console.log("Could not get status");
            break;
    }
}

getStatus("SUCCESS");

Producción :

"Operation successful"

Por lo tanto, el bloque de código anterior usa una cadena para comparar los diferentes casos en una declaración de cambio.

Use Enumeraciones con Cambiar casos en TypeScript

Las ’enumeraciones’ se usan ampliamente al usar ‘cambiar casos’ en TypeScript. A continuación, se muestra cómo se pueden usar enums con sentencias switch-case en TypeScript.

enum Status {
    SUCCESS,
    IN_PROGRESS,
    FAILURE
}

function getStatus(status : Status) {
    switch ( status ) {
        case Status.SUCCESS:
            console.log("Operation successful");
            break;
        case Status.IN_PROGRESS:
            console.log("Processing ...");
            break;
        case Status.FAILURE:
            console.log("Operation failed");
            break;
        default:
            console.log("Could not get status");
            break;
    }
}

getStatus(Status.FAILURE);

Producción :

"Operation failed"

Use Cambiar mayúsculas y minúsculas con varias expresiones en TypeScript

Además de los tipos regulares, las declaraciones de cambio también se pueden combinar con dos o más variables. Una forma simple es hacer una concatenación de cadenas entre las dos cadenas para que coincidan entre dos cadenas en las declaraciones de caso.

function getDirection(dir1 : string, dir2 : string) {
    var direction : string = dir1 + ' ' + dir2;
    switch ( direction ) {
        case 'N W':
            console.log('North-West');
            break;
        case 'N E':
            console.log('North-East');
            break;
        case 'S W':
            console.log('South-West');
            break;
        case 'S E':
            console.log('South-East');
            break;
        default:
            console.log("Default direction");
            break;
    }
}

getDirection('S', "E");

Producción :

"South-East"
Shuvayan Ghosh Dastidar avatar Shuvayan Ghosh Dastidar avatar

Shuvayan is a professional software developer with an avid interest in all kinds of technology and programming languages. He loves all kinds of problem solving and writing about his experiences.

LinkedIn Website