如何将第一个单词第一个字符转换为大写字母？

Question

我想要这个：示例：stackoverflow很有帮助。=> Stackoverflow很有帮助。

作为示例显示想要将我的第一个单词第一个字符转换为大写字母。我尝试下面给出的代码不起作用，不理解我做错了请帮忙。

<textarea autocomplete="off" cols="30" id="TextInput" name="message" oninput="myFunction()" rows="10" style="width: 100%;"></textarea>

<input id="FistWordFirstCharcterCapital" onclick="FistWordFirstCharcterCapital()" style="color: black;" type="button" value="First word first character capital!" /> </br>

</br>

<script>

  function FistWordFirstCharcterCapital() {

    var x = document.getElementById("TextInput").value.replace(string[0], string[0].toUpperCase());

    document.getElementById("TextInput").value = x;

  }

</script>

Answer 1

将它视为类似数组的对象来获取第一个字符，将其大写，然后concat将其视为字符串的其余部分：const str = "hello World!";const upper = ([c, ...r]) => c.toUpperCase().concat(...r);console.log(upper(str));

Answer 2

你可以charAt用来获得第一个字母：const string = "stackoverflow is helpful."const capitalizedString = string.charAt(0).toUpperCase() + string.slice(1)console.log(capitalizedString)

Answer 3

你不想使用替换，也不想使用string[0]。相反，使用下面的小方法const s = 'foo bar baz';function ucFirst(str) {&nbsp; return str.substr(0, 1).toUpperCase() + str.substr(1);}console.log(ucFirst(s));

Answer 4

既然你似乎想知道这里有一个详细的例子：function FistWordFirstCharcterCapital() {&nbsp; let text =&nbsp; document.getElementById("TextInput").value;&nbsp; let firstSpaceIndex = text.indexOf(" ")!=-1 ? text.indexOf(" ")+1:text.length;&nbsp; let firstWord = text.substr(0, firstSpaceIndex);&nbsp; let firstWordUpper = firstWord.charAt(0).toUpperCase() + firstWord.slice(1)&nbsp; document.getElementById("TextInput").value = firstWordUpper + text.substr(firstSpaceIndex);;}<textarea autocomplete="off" cols="30" id="TextInput" name="message" rows="10" style="width: 100%;"></textarea><input id="FistWordFirstCharcterCapital" onclick="FistWordFirstCharcterCapital()" style="color: black;" type="button" value="First word first character capital!" />