使用replace方法将下面HTML中{}及其中的内容替换成对象中对应的字段值。 2 <div class=”user-info”> 3 <span>用户ID: {uid}</span> 4 <span>用户名: {name}</span> 5 <span>性别: {gender}</span> 6 <span>注册时间: {createtime}</span> 7 </div> var userInfo = { 3 createtime: "2020-01-01", 4 gender: "⼥ ", 5 name: "Hello World", 6 uid: 12345 7 }
时间: 2024-03-06 13:48:08 浏览: 208
SQL SERVER使用REPLACE将某一列字段中的某个值替换为其他的值
可以使用正则表达式和 replace() 方法来替换 HTML 中的占位符。下面是一个示例代码:
```javascript
var htmlString = '<div class="user-info">' +
'<span>用户ID: {uid}</span>' +
'<span>用户名: {name}</span>' +
'<span>性别: {gender}</span>' +
'<span>注册时间: {createtime}</span>' +
'</div>';
var userInfo = {
createtime: "2020-01-01",
gender: "女",
name: "Hello World",
uid: 12345
};
// 使用正则表达式替换占位符
htmlString = htmlString.replace(/\{(\w+)\}/g, function(match, key) {
return userInfo[key];
});
console.log(htmlString);
```
输出结果:
```html
<div class="user-info">
<span>用户ID: 12345</span>
<span>用户名: Hello World</span>
<span>性别: 女</span>
<span>注册时间: 2020-01-01</span>
</div>
```
在这个示例中,我们首先定义了一个 HTML 字符串和一个包含用户信息的对象。然后,我们使用正则表达式来匹配 HTML 中的占位符 `{key}`,其中 `key` 是对象中的一个属性名。
最后,我们使用 replace() 方法来替换占位符。replace() 方法接受一个回调函数,该函数接受匹配的字符串和对象中的键名作为参数,并返回相应的键值。使用 `g` 标志确保替换所有匹配项。
阅读全文