爲什麼我在下面的ES6 for循環中得到「undefined不是函數」？

Question

輸入：

first line

second line third line

fourth line

的代碼：

let res = str.split('\n\n') 
for (let result of res) { 
    res = `<p class="blockquote">${res.replace(/^> /gm, '')}</p>` 
} 
console.log(`text: ${res}`) 

str.split('\n\n')輸出first line,second line third line,fourth line。我的預期。

現在我想使用for循環來取每個項目並用p標記包圍它。然而，我得到以下錯誤：

TypeError: undefined is not a function 

我對ES6不是很有經驗。循環有問題嗎？

Answer 1

是的，有什麼問題。兩件事情。

res = `<p class="blockquote">${res.replace(/^> /gm, '')}</p>` 

RES是最初的陣列，所以它沒有replace方法。這是你得到的錯誤。

另一件事，一旦你解決這個問題（用你的循環變量result替換res），就是你把結果字符串分配給res。我不確定你的期望是什麼，但我想它不會那樣工作。

Answer 2

在for循環內指定res變量的新值時出現問題。所以在第一個循環之後，我們會在res有另一個值，循環結束;

試試這個代碼：

let str = 'first line\n\nsecond line third line\n\nfourth line'; 
let res = str.split('\n\n') 

for (let result of res) { 
    let i = `<p class="blockquote">${result.replace(/^> /gm, '')}</p>` 
    console.log(i); 
} 

在這裏，你已經工作示例：http://www.es6fiddle.net/ifxr8tu8/