edit array elements and capitalize the letters

Question

I have array

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

I want to replace " - " with ":" and capitalize the first letter

var myarr = [ "Color: black", "Color: blue", "Color: Red" ]

I try this but I don't know how to capitalize the first letter

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

Here is your answer: http://stackoverflow.com/questions/1026069/capitalize-the-first-letter-of-string-in-javascript — ADreNaLiNe-DJ, Jan 28 '16 at 13:52
And from where do you get your array? Couldn't you change it before filling it? — A. Wolff, Jan 28 '16 at 13:52

score 1 · Answer 1 · answered Jan 28 '16 at 13:54

1

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

answered Jan 28 '16 at 13:54

phoenix455

46
6

score 0 · Answer 2 · answered Jan 28 '16 at 13:52

0

This should do the trick

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

answered Jan 28 '16 at 13:52

Sabaz

4,794
2
18
26

score 0 · Accepted Answer · answered Jan 28 '16 at 13:53

0

Try this:

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

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

console.log(myarr);

answered Jan 28 '16 at 13:53

Paulo Menezes

539
3
15

score 0 · Answer 4 · answered Jan 28 '16 at 13:56

You can use a map to create a new array. I've capitalised both the word 'color' and the actual color:

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

var newArray = myarr.map(function(element) {
  var tmp = element.split("color - ")[1];
  return "Color: " + tmp.charAt(0).toUpperCase() + tmp.slice(1);
});

score 0 · Answer 5 · answered Jan 28 '16 at 14:04

use Array.map() method this way:

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

var nArr = myarr.map(function(str) {
  var s = str.replace(/-/g, ":");
  var a = s.slice(0, 1).toUpperCase() + s.slice(1, s.length);
  return a;
});
document.querySelector('pre').innerHTML = JSON.stringify(nArr);

<pre></pre>

edit array elements and capitalize the letters

5 Answers5