大白話JavaScript實現一個函數，將字符串中的每個單詞首字母大寫。

答題思路

理解需求：要寫一個函數，它能接收一個字符串，然后把這個字符串里每個單詞的第一個字母變成大寫。
分解步驟
- 拆分單詞：一般單詞之間是用空格隔開的，所以得把輸入的字符串按照空格拆分成一個個單詞，存到一個數組里。
- 處理首字母：對拆分好的每個單詞，把它的第一個字母變成大寫。
- 重新組合：把處理好的單詞再用空格連接起來，變回一個完整的字符串。
選擇合適的方法：JavaScript 里有很多字符串和數組的方法可以幫助我們完成這些步驟，比如 split() 用于拆分字符串，charAt() 或 substring() 用于處理字母，join() 用于重新組合字符串。

回答范文

下面我就用 JavaScript 實現一個能把字符串里每個單詞首字母大寫的函數。

function capitalizeWords(str) {// 第一步：把字符串按空格拆分成單詞數組let words = str.split(' ');// 第二步：遍歷單詞數組，處理每個單詞的首字母for (let i = 0; i < words.length; i++) {// 獲取當前單詞let word = words[i];// 把當前單詞的首字母變成大寫，其余部分保持不變words[i] = word.charAt(0).toUpperCase() + word.substring(1);}// 第三步：把處理好的單詞數組用空格連接成一個新的字符串let result = words.join(' ');return result;
}// 測試函數
let testString = "hello world, how are you?";
let capitalizedString = capitalizeWords(testString);
console.log(capitalizedString);

代碼解釋

拆分字符串：str.split(' ') 會把輸入的字符串 str 按照空格拆分成一個單詞數組 words。比如說輸入 "hello world"，拆分后 words 就是 ["hello", "world"]。
處理首字母：用 for 循環遍歷 words 數組，對于每個單詞，word.charAt(0).toUpperCase() 會把這個單詞的第一個字母變成大寫，word.substring(1) 會獲取這個單詞除了第一個字母之外的部分，然后把它們拼接起來，更新 words 數組里這個單詞的值。
重新組合字符串：words.join(' ') 會把 words 數組里的單詞用空格連接起來，變成一個新的字符串 result，這個 result 就是處理好的字符串。

這樣，我們就實現了把字符串中每個單詞首字母大寫的功能啦。

其他方法

方法一：使用 `split()`、`map()` 和 `join()` 方法

原理：先把字符串按空格拆成單詞數組，接著用 map() 函數處理每個單詞，把首字母變大寫，最后再用 join() 方法把處理后的單詞重新組合成字符串。
代碼示例：

function capitalizeWords(str) {// 按空格拆分字符串得到單詞數組return str.split(' ').map(function(word) {// 把單詞首字母大寫并和其余部分拼接return word.charAt(0).toUpperCase() + word.slice(1);}).join(' ');
}let testStr = "hello world";
console.log(capitalizeWords(testStr));

解釋：split(' ') 把字符串變成數組，map() 對數組里每個單詞操作，charAt(0).toUpperCase() 讓首字母大寫，slice(1) 取除首字母外的部分，join(' ') 再把單詞連成字符串。

方法二：使用正則表達式和 `replace()` 方法

原理：利用正則表達式匹配每個單詞的首字母，再用 replace() 方法把匹配到的首字母替換成大寫形式。
代碼示例：

function capitalizeWords(str) {// 用正則匹配每個單詞首字母并替換成大寫return str.replace(/\b\w/g, function(match) {return match.toUpperCase();});
}let testStr = "hello world";
console.log(capitalizeWords(testStr));

解釋：\b 是單詞邊界，\w 匹配字母數字下劃線，/g 全局匹配，replace() 找到匹配的首字母后用 toUpperCase() 變大寫。

方法三：手動遍歷字符串

原理：從頭到尾逐個字符檢查字符串，碰到單詞首字母就把它變成大寫。
代碼示例：

function capitalizeWords(str) {let result = '';let capitalizeNext = true;for (let i = 0; i < str.length; i++) {let char = str[i];if (capitalizeNext) {// 把首字母大寫result += char.toUpperCase();capitalizeNext = false;} else {result += char;}if (char === ' ') {// 遇到空格，下一個字符是新單詞首字母capitalizeNext = true;}}return result;
}let testStr = "hello world";
console.log(capitalizeWords(testStr));

解釋：capitalizeNext 標記是否要大寫下一個字符，遇到空格就把它設為 true，表示下一個字符是新單詞首字母。

這幾種方法各有特點，使用 split()、map() 和 join() 簡單直觀；用正則表達式靈活強大；手動遍歷字符串適合對性能要求高的場景。你可以根據具體需求來選。

其他方法
下面為你詳細介紹在 JavaScript 中把字符串里每個單詞首字母大寫的多種方法，并且為每個代碼塊添加了注釋：

方法一：使用 `split()`、`map()` 和 `join()` 方法

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 使用 split(' ') 方法將字符串按空格拆分成單詞數組return str.split(' ').map(function(word) {// 將每個單詞的首字母轉換為大寫，并與單詞剩余部分拼接return word.charAt(0).toUpperCase() + word.slice(1);// 使用 join(' ') 方法將處理后的單詞數組重新組合成字符串，單詞間用空格分隔}).join(' ');
}// 測試字符串
let testStr = "hello world";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testStr));

方法二：使用正則表達式和 `replace()` 方法

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 使用正則表達式 /\b\w/g 匹配每個單詞的首字母// 然后使用 replace 方法將匹配到的首字母替換為大寫形式return str.replace(/\b\w/g, function(match) {return match.toUpperCase();});
}// 測試字符串
let testStr = "hello world";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testStr));

方法三：手動遍歷字符串

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 用于存儲最終結果的空字符串let result = '';// 標記下一個字符是否需要大寫let capitalizeNext = true;// 遍歷字符串中的每個字符for (let i = 0; i < str.length; i++) {// 獲取當前字符let char = str[i];if (capitalizeNext) {// 如果需要大寫，將字符轉換為大寫并添加到結果字符串中result += char.toUpperCase();// 標記下一個字符不需要大寫capitalizeNext = false;} else {// 否則直接將字符添加到結果字符串中result += char;}if (char === ' ') {// 如果當前字符是空格，標記下一個字符需要大寫capitalizeNext = true;}}// 返回最終結果字符串return result;
}// 測試字符串
let testStr = "hello world";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testStr));

方法四：使用 `reduce` 方法

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 使用 split(' ') 方法將字符串按空格拆分成單詞數組// 然后使用 reduce 方法對數組進行累積操作return str.split(' ').reduce((acc, word) => {// 將當前單詞的首字母轉換為大寫，并與單詞剩余部分拼接const capitalized = word.charAt(0).toUpperCase() + word.slice(1);// 如果累積結果不為空，用空格連接當前處理好的單詞// 否則直接將當前處理好的單詞作為累積結果return acc ? acc + ' ' + capitalized : capitalized;// 初始累積值為空字符串}, '');
}// 測試字符串
let testString = "this is a test";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testString));

方法五：結合 `match` 和 `map` 方法

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 使用 match(/\S+/g) 方法匹配字符串中的所有非空白字符序列（即單詞）const words = str.match(/\S+/g);// 如果沒有匹配到單詞，返回空字符串if (!words) return '';// 對匹配到的單詞數組使用 map 方法，將每個單詞的首字母大寫// 然后使用 join(' ') 方法將處理后的單詞數組重新組合成字符串，單詞間用空格分隔return words.map(word => word.charAt(0).toUpperCase() + word.slice(1)).join(' ');
}// 測試字符串
let testString = "good morning";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testString));

方法六：使用 `for...of` 循環結合數組操作

// 定義一個名為 capitalizeWords 的函數，接收一個字符串參數 str
function capitalizeWords(str) {// 標記下一個字符是否為新單詞的首字母let shouldCapitalize = true;// 用于存儲處理后的字符的數組let result = [];// 使用 for...of 循環遍歷字符串中的每個字符for (let char of str) {if (char === ' ') {// 如果當前字符是空格，標記下一個字符為新單詞的首字母shouldCapitalize = true;// 將空格添加到結果數組中result.push(char);} else {if (shouldCapitalize) {// 如果是新單詞的首字母，將其轉換為大寫并添加到結果數組中result.push(char.toUpperCase());// 標記下一個字符不是新單詞的首字母shouldCapitalize = false;} else {// 否則直接將字符添加到結果數組中result.push(char);}}}// 將結果數組中的字符拼接成字符串并返回return result.join('');
}// 測試字符串
let testString = "have a nice day";
// 調用 capitalizeWords 函數并打印結果
console.log(capitalizeWords(testString));