Javascript 为字符串中的空格创建HTML跨距

给定一个文本字符串，我想为每组空格创建跨距。我该怎么做

示例

var myString = "   foo bar"

结果

<p><span class="spaces">   </span>foo<span class="spaces> </span>bar</p>

---

foo一个简单的
replace
就可以了

"   foo bar".replace(/(\s+)/g,'<span class="spaces">$1</span>');

“foo-bar”。替换（/（\s+）/g，$1'）；
一个简单的
替换
就可以了

"   foo bar".replace(/(\s+)/g,'<span class="spaces">$1</span>');

“foo-bar”。替换（/（\s+）/g，$1'）；
你试过什么吗？@leo.fcx编辑了答案以包含我当前使用的循环
myString.forEach引发的错误不是一个好线索吗？无法在上使用数组方法strings@charlietfl-实际上使用了一个库，该库有一个用于遍历字符串的实用程序，所以只需写出我认为应该是什么。Edited Though您尝试过什么吗？@leo.fcx编辑了答案以包含我当前使用的循环
myString.forEach
引发的错误不是一个好线索吗？无法在上使用数组方法strings@charlietfl-实际上使用了一个库，该库有一个用于遍历字符串的实用程序，所以只需写出我认为应该是什么。编辑的ThoughThank@joseph-比我的循环简洁多了：）谢谢@joseph-比我的循环简洁多了：）