Question

我有一个字符串数组，

["item1", "item2"]

我想将我的数组更改为

["showItem1", "showItem2"]

Answer 1

最容易理解的做法就是这样：

var items = ["item1", "item2"];

for (var i=0;i<items.length;i+=1) {
   items[i] = "show" + items[i].charAt(0).toUpperCase() + items[i].substring(1);
}

console.log(items); // prints ["showItem1", "showItem2"]

说明：构建一个新字符串，由字符串“show”+转换为大写的第一个字符+字符串的其余部分组成（第一个字符后面的所有内容，索引为0）

Answer 2

字符串类似于数组。你可以这样做：

var arr = ['item1', 'item2'];
for (var i=0, l=arr.length; i<l; i++) {
  var letters = arr[i].split('');
  arr[i] = 'show' + letters.shift().toUpperCase() + letters.join('');
}

演示： http://jsbin.com/asivec/1/edit

Answer 3

arr.map(function(i) {
  return 'show' + i.charAt(0).toUpperCase() + i.slice(1);
});

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map 支持Chrome，Firefox，IE9等。

Answer 4

这是我为该任务编写的可重用的firstCharLowerToUpper()函数。

LIVE DEMO

<!DOCTYPE html>
<html>
  <head>
    <style>
      span{
        color:red;
      }
    </style>
  </head>
  <body>
    <div>this is the text: 
      <span id="spn">
        javascript can be very fun
      </span>
    </div>
    <br/>
    <input type="button" value="Click Here" onClick="change()"/>
    <script> 
      function firstCharLowerToUpper(x)
      {
        var ar = x;
        for (var i = 0; i < ar.length; i++)
        {
          ar[i] = ar[i].charAt(0).toUpperCase() + ar[i].substr(1);
        }
        // join to string just to show the result
        return ar.join('\n');
      }
      function change()
      {
        var ar =  ["javascript ", "can ","be ","very ","fun" ];
        var newtxt = firstCharLowerToUpper(ar);
        document.getElementById("spn").innerHTML = newtxt;
      }
    </script>
  </body>
</html>

在JavaScript中将字符串中的第一个字母更改为大写

4 个答案: