Is there a way to produce a list of array elements where the initial letter is capitalized?

Question

Is there a way to produce a list of array elements where the initial letter is capitalized?

My current challenge involves trying to capitalize the first letter of each element in the following array. So far, it's only returning the second word as capitalized.

var clenk = ["ham","cheese"];
var i = 0;
for (i = 0; i < clenk.length; i++) {
var result = clenk[i].replace(/\b./g, function(m){ return m.toUpperCase(); });

}

alert(result);

javascript arrays capitalization

Answer 1

Answer №1

let foodItems = ["apple","banana"];
let x = 0;
for (x = 0; x < foodItems.length; x++) {
    let item = foodItems[x].replace(/\b./g, function(m){ return m.toUpperCase(); });
    console.log(item);
}

Make sure to include your console.log(item) within the loop to see each capitalized item.

Answer 2

let foodItems = ["apple","banana"];
let x = 0;
for (x = 0; x < foodItems.length; x++) {
    let item = foodItems[x].replace(/\b./g, function(m){ return m.toUpperCase(); });
    console.log(item);
}

Make sure to include your console.log(item) within the loop to see each capitalized item.

Answer 3

Answer №2

Another approach using Array.prototype.map:

let transformedWords = words.map(function (word) {
    return word.charAt(0).toUpperCase() + word.slice(1);
});

Answer 4

Another approach using Array.prototype.map:

let transformedWords = words.map(function (word) {
    return word.charAt(0).toUpperCase() + word.slice(1);
});

Answer 5

Answer №3

Extend the JavaScript String object:

String.prototype.toUpperCaseWords = function () {
  return this.replace(/\w+/g, function(a){ 
    return a.charAt(0).toUpperCase() + a.slice(1).toLowerCase()
  })
}

Example of usage:

"MY LOUD STRING".toUpperCaseWords(); // Returns: My Loud String
"my quiet string".toUpperCaseWords(); // Returns: My Quiet String

var stringVariable = "First put into a var";

stringVariable.toUpperCaseWords(); // Returns: First Put Into A Var

Source

Answer 6

Extend the JavaScript String object:

String.prototype.toUpperCaseWords = function () {
  return this.replace(/\w+/g, function(a){ 
    return a.charAt(0).toUpperCase() + a.slice(1).toLowerCase()
  })
}

Example of usage:

"MY LOUD STRING".toUpperCaseWords(); // Returns: My Loud String
"my quiet string".toUpperCaseWords(); // Returns: My Quiet String

var stringVariable = "First put into a var";

stringVariable.toUpperCaseWords(); // Returns: First Put Into A Var

Source

Is there a way to produce a list of array elements where the initial letter is capitalized?

Answer №1

Answer №2

Answer №3

Similar questions

"Encountering a problem with installing packages on Node.js through npm

Encountering an issue while attempting to replicate the Spotify app on localhost:3000. The error message "TYPEERROR: Cannot read property 'url' of undefined" is hind

Accessing the "this" object in Vue.js components

Remove element from associative array in TypeScript

The debugging functionality in WebStorm version 11.0.4 is currently experiencing problems. Users have reported receiving a warning message stating that the commands node --debug and node --debug-br

Create a left-aligned div that spans the entire width of the screen, adjusting its width based on the screen size and positioning it slightly

Differences between `component` and `render` in React Router routes

Error encountered while trying to send an array list using the $.ajax function in jQuery

What can you do with jQuery and an array or JSON data

create hyperlinks based on div clicks in HTML using JavaScript

Utilizing Highcharts to visualize data from a mysql database through a dynamic Pie Chart

Adjust Tinymce size automatically when a key is held down for a prolonged period of

Map on leaflet not showing up

Is the security of Angular's REST authentication reliable?

Uploading Images Dynamically with AJAX

Creating Three-Dimensional Faces in THREE.BufferGeometry

Verify the grid of buttons in my code for the background color

Grabbing an AJAX Request

A guide on utilizing the .getLastRow() function in Google Apps Script

Is there a way to expand jQuery quicksearch functionality to include searching for words with accents?