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 call the String.toUpperCase method on each iteration to convert the string to uppercase.

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

To convert all array elements to uppercase:

1. Create a variable that will store the uppercase strings and set it to an empty array.
2. Use the forEach() method to iterate over the original array.
3. On each iteration, convert the string to uppercase using the toUpperCase() method and push it to the uppercase strings 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.

We uppercase each element and push it into the new array.

The forEach method returns undefined, so we need to declare a new variable that will store the state from the operations we perform.

Further Reading #

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