Convert all Array Elements to Uppercase in JavaScript

Convert all Array Elements to Uppercase #

To convert all array elements to uppercase:

1. Use the map() method to iterate over the array.
2. On each iteration, call the toUpperCase() method to convert the string to uppercase and return the result.
3. The map method will return a new array with all strings converted to uppercase.

Copied!
const arr = ['apple', 'banana', 'cereal'];

const upper = arr.map(element => {
  return element.toUpperCase();
});

// 👇️ ['APPLE', 'BANANA', 'CEREAL']
console.log(upper);

The function we passed to the Array.map method gets called with each element (string) in the array.

The map method returns a new array that contains all of the values we returned from the function.

We used the String.toUpperCase method to convert each string to uppercase.

An alternative, but also very common approach is use the Array.forEach method.

To convert all array elements to uppercase:

1. Declare a new variable and set it to an empty array.
2. Use the forEach() method to iterate over the original array.
3. Convert each string to uppercase and push the strings into the new array.

Copied!
const arr = ['apple', 'banana', 'cereal'];

const upper = [];

arr.forEach(element => {
  upper.push(element.toUpperCase());
});

// 👇️ ['APPLE', 'BANANA', 'CEREAL']
console.log(upper);

The function we passed to the Array.forEach method gets called with each element (string) in the array.

Each element gets converted to uppercase and gets pushed into the new array.

The forEach method returns undefined, so we have to perform some kind of mutation to persist the state.

Further Reading #

• Check if letter in String is Uppercase or Lowercase in JS
• Convert all Array Elements to Lowercase in JavaScript