我正在嘗試將單詞的第一個字母大寫，并將其替換為單詞的較小的首字母。我已經完成了，將第一個字母大寫，但我不知道如何將第一個字母與單詞中的其余字母連接起來。
let a="i am using stack overflow and it is great";
function makeCapital(){
const words=a.split(" ");
console.log(words);
const firstLetter = words.map(letter=>letter.charAt(0));
console.log(firstLetter);
const capitalLetter=firstLetter.map(capital=>capital.toUpperCase());
console.log(capitalLetter);
}
//I do not know how to join this capiltal letter with rest of the letters in a word
makeCapital();uj5u.com熱心網友回復：
你在這里有點過于復雜了。您可以遍歷句子中的每個單詞（words此處為您的陣列）并將每個單詞大寫，然后將它們連接回來：
const capitalizedWords = words.map(word => word.charAt(0).toUppercase() word.slice(1)));
const capitalizedSentence = capitalizedWords.join(" ");
slice方法回傳陣列的一部分，給定一個開始和一個結束（可選）索引。
uj5u.com熱心網友回復：
從您的代碼看來，您希望將字串中的所有單詞大寫，因此這可能會有所幫助：
"I don't know".split(" ").map(word => word[0].toUpperCase() word.substring(1)).join(" ")
# => I Don't Know
uj5u.com熱心網友回復：
您可以在字串陣列上使用 join() 將其“粘回”到字串
因此，如果您需要將每個單詞的首字母大寫，您可以這樣做：
const str = "i am using stack overflow and it is great";
const res = str
.split(" ")
.map((w) => { return w[0].toUpperCase() w.substring(1); })
.join(" ");
console.log(res); // I Am Using Stack Overflow And It Is Great
uj5u.com熱心網友回復：
假設您想將句子中的每個單詞大寫并希望具有以下內容：
“我正在使用堆疊溢位，它很棒”
您可以使用以下代碼實作它：
makeCapital = (words) =>
words.split(" ").map(element =>
element.charAt(0).toUpperCase() element.substring(1).toLowerCase()
).join(" ");
makeCapital("i am using stack overflow and it is great");
參考：https ://bobbyhadz.com/blog/javascript-capitalize-first-letter-of-each-word-in-array
還是我誤會你了？
uj5u.com熱心網友回復：
CSS 解決方案
如果您希望將大寫字母應用于句子中的每個單詞以進行顯示，使用 css 可以輕松（并且可以說更好）實作text-transform: capitalize;
所有主流瀏覽器都支持此規則，參見：https ://caniuse.com/?search=text-transform
如果需要動態做，可以使用 JS 設定樣式。
以下代碼段演示了使用 css 的靜態和動態樣式：
function change() {
document.getElementsByTagName('p')[1].style="text-transform: capitalize;";
}p.styled {
text-transform: capitalize;
}<p class="styled">i am using stack overflow and it is great</p>
<p>i am using stack overflow and it is great</p>
<button onclick="change()">capitalise</button>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/487430.html
標籤：javascript 字典 分裂
下一篇：具有更改鍵的物件的簡單陣列