Cómo poner en minúsculas o mayúsculas todos los valores de matriz en JavaScript

En JavaScript, puede usar el método Array.map() para iterar sobre todos los elementos y luego usar los métodos de cadena para cambiar el caso de los elementos.

Aquí hay un ejemplo que demuestra cómo usar el String.toUpperCase() método junto con Array.map() para poner en mayúsculas todos los elementos de una matriz:

const names = ['Ali', 'Atta', 'Alex', 'John'];

const uppercased = names.map(name => name.toUpperCase());

console.log(uppercased);

// ['ALI', 'ATTA', 'ALEX', 'JOHN']

El toUpperCase() El método convierte una cadena en letras mayúsculas sin cambiar la cadena original.

Para convertir todos los elementos de una matriz a minúsculas, puede usar otro método de JavaScript llamado String.toLowerCase() como se muestra a continuación:

const names = ['Ali', 'Atta', 'Alex', 'John'];

const lowercased = names.map(name => name.toLowerCase());

console.log(lowercased);

// ['ali', 'atta', 'alex', 'john']

Ambos métodos de cadena funcionan en todos los navegadores modernos e IE6 y superiores. Sin embargo, el Array.map() se introdujo en ES6 y solo es compatible con IE9 y versiones posteriores. Por otro lado, las funciones de flecha no funcionan en absoluto en IE.

Para admitir navegadores heredados (IE9 y superiores), debe usar la función normal en su lugar:

const uppercased = names.map(function (name) {
    return name.toUpperCase();
});

const lowercased = names.map(function (name) {
    return name.toLowerCase();
});

Para obtener más información sobre las matrices de JavaScript y cómo usarlas para almacenar múltiples piezas de información en una sola variable, consulte esta guía.