如何用空格替换下划线？

Question

我有一个包含对象的数组，其中一些对象在字符串中包含下划线。

例子：

{"name": "My_name"}

但是我在多个地方调用名称函数，一个这样的地方是在图像标签中，下划线是必需的，使用 JavaScript 我想选择一个带有名称的特定 div，并将下划线替换为空格。

例子：

<div>
 <div class="name">
  My_name
 </div>
 <img src="My_name.jpg"/>
</div>

在div.name ，我希望它显示My name而不是My_name 。

Answer 1

您可以用空格替换字符串中的所有下划线，如下所示：

str.replace(/_/g, ' ');

因此，只需在内容放入之前执行此操作。如果之后需要执行替换，请循环使用each ：

$('.name').each(function () {
    this.textContent = this.textContent.replace(/_/g, ' ');
});

Answer 2

ES2021 引入了漂亮的replaceAll()函数，这意味着它可以写成：

str.replaceAll('_', ' ')

如果您想执行多个元素，只需循环遍历它们并使用forEach() ：

const elements = document.querySelectorAll('.name')   
elements.forEach(e => e.innerText = e.innerText.replaceAll('_', ' '))