Capitalize the first letter of every word in array

Question

I have an array

var myarr = [ "color - black", "color - blue", "color - Red" ]

And I want want to replace " - " with ":" and capitalize the first letter of every word in that array:

var myarr = [ "Color: Black", "Color: Blue", "Color: Red" ]

I try

for (var i = 0; i < myarr.length; i++) {
  myarr[i] = myarr[i][0].toUpperCase()+myarr[i].replace(/ -/g, ":").substring(1);
}

But it works only for the first word

This method should work: http://stackoverflow.com/questions/2332811/capitalize-words-in-string — Adam Konieska, Jan 28 '16 at 16:54

score 5 · Accepted Answer · edited May 23 '17 at 10:29

You can use another regex to swap letters for their capitals in a function. Something like this will work:

String.prototype.capitalize = function() {
    return this.replace(/(?:^|\s)\S/g, function(a) { return a.toUpperCase(); });
};


var myarr = [ "color - black", "color - blue", "color - Red" ]

for(var i=0; i < myarr.length; i++) {
    myarr[i] = myarr[i].capitalize().replace(/ -/g, ":");
}

console.log(myarr)

You can see it working here: https://jsfiddle.net/igor_9000/c7tqraLo/ The original SO question here: Capitalize words in string

score 3 · Answer 2 · answered Jan 28 '16 at 17:04

3

A map function will take care of that for you.

var myarr = [ "color - black", "color - blue", "color - Red" ];

myarr = myarr.map(function(str){
  return str.charAt(0).toUpperCase() + str.slice(1).replace(/ -/, ':');
});

answered Jan 28 '16 at 17:04

azywiak

41
4

score 1 · Answer 3 · answered Jan 28 '16 at 16:58

You can map your array and return the changed items

var myarr   = [ "color - black", "color - blue", "color - Red" ],
    ucfirst = function(x) { return x.charAt(0).toUpperCase() + x.slice(1) };

myarr = myarr.map(function(item) {
    var parts = item.split('-').map(function(x) { return x.trim() });
    return ucfirst( parts[0] ) + ' : ' + ucfirst( parts[1] );
});

document.body.innerHTML = '<pre>' + JSON.stringify(myarr, null, 4) + '</pre>';

score 1 · Answer 4 · answered Jan 28 '16 at 17:17

you can try something like

var myarr = [ "color - black", "color - blue", "color - Red" ]

// function to capitalize the first letter
function capitalizeFirstLetter(string) {
    return string.charAt(0).toUpperCase() + string.slice(1);
}

var newArr = []; // make a new array
for(var i=0; i < myarr.length; i++) {
    var splitit = myarr[i].split('-');  // split by -
    var capital0 = capitalizeFirstLetter(splitit[0].trim()); // trim the first word after split and capitalize the first letter
    var capital1 = capitalizeFirstLetter(splitit[1].trim()); // trim the second word after split and capitalize the first letter
    newArr.push('"'+capital0+':'+capital1+'"');   // push it to the new array with : instead of -  
}

alert(newArr); // alert new array

Working Demo

Capitalize the first letter of every word in array

4 Answers4

Linked

Related