将JS中每个单词的第一个字母转换为大写

Question

我试图将每个单词的第一个字母转换为大写，例如：“hello world”应该是“hello world”。

这是我目前的代码。

函数测试（）{var doc=document.getElementById（“testInput”）.value；var str=doc.replace（/\w\S*/g，doc.charAt（0）.toUpperCase（）+doc.substring（1）.toLowerCase（；document.getElementById（“tst”）.innerHTML=str；}

假设我的输入是“hello world”，预期结果是“hello world”但我得到的是“你好世界你好世界”。

所以我的问题是，它只指定了第一个单词，跳过了第二个单词，但它打印了两次句子。

Answer 1

实际上，您是在用连接复制这些值。

通过执行以下操作，您将只传入与正则表达式模式匹配的子字符串，然后被替换：

函数测试（）{var doc=document.getElementById（“testInput”）.value；var str=doc.replace（/\w\S*/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；}）；document.getElementById（“tst”）.innerHTML=str；}

Answer 2

尝试使用：

str.split（“”）.map（e=>e[0].toUpperCase（）+e.slice（1））.join（“”

Answer 3

String.prototype.toUpperCaseWords=函数（）{返回this.replace（/\w+/g，函数（a）｛将a.charAt（0）.toUpperCase（）+a.slice（1）.toLowerCase（})}

用法：

var stringVariable=“首次放入var”；stringVariable.toUpperCaseWords（）；//输出：首次输入变量

资料来源：https://blog.smalldo.gs/2014/06/easily-add-phps-ucwords-ucfirst到javascript/

Answer 4

使用代替,charAt（0）.toUpperCase（）第一个字母和substr（1）.toLowerCase（）剩下的部分。在上执行此操作输入或改变事件。如果你想照你的方式做，就不要用内部HTML，使用text内容而不是。

SNIPPET公司

var inp1=文档.getElementById（'input1'）；inp1.addEventListener（“输入”，函数（e）{var inp2=文档.getElementById（'input2'）；var文本=this.value；var res=titleCase（文本）；inp2.value=res；}，错误）；函数titleCase（str）{return str.replace（/\w\S*/g，函数（txt）{return txt.charAt（0）.toUpperCase（）+txt.substr（1）.toLowerCase（；});}

<input id='input1'><input id='input2'>

Answer 5

您可以使用：

函数大写（str）{var arr=str.split（“”）；对于（var i=0；i<arr.length；i++）{arr[i]=arr[i].charAt（0）.toUpperCase（）+arr[i.切片（1）；}var结果=arr.join（“”）；console.log（结果）；}大写（“hello world”）；

你知道只有通过CSS才能做到这一点吗？

div：悬停{文本转换：大写；}

<div>悬停在我身上！</div>

Answer 6

函数capitalizeFirstLetterOfEachWord（str）{str=str.split（“”）for（var i=0；i<str.length；i++）{str[i]=str[i][0].toUpperCase（）+str[i:substr（1）}返回str.join（“”）}console.log（capitalizeFirstLetterOfEachWord（“你好，你好”）