更新时间:2025-04-08 16:24:58
在前端开发中,处理XML数据是常见的需求,而当接收到的XML是以字符串形式存在时,如何让其变得整洁易读呢?答案就是——格式化!📚
首先,我们需要借助JavaScript来实现这一功能。通过正则表达式和字符串操作,我们可以轻松将一个紧凑的XML字符串转化为带有缩进与换行的美观格式。🔍
下面是一个简单的示例代码:👇
```javascript
function formatXml(xml) {
let formatted = '';
let reg = /(>)(<)(\/)/g;
xml = xml.replace(reg, '$1\n$2$3');
let pad = 0;
xml.split('\n').forEach(function(node) {
let indent = 0;
if (node.match(/.+<\/\w[^>]>$/)) {
pad -= 1;
} else if (node.match(/^<\w[^>][^\/]>.$/)) {
indent = 1;
}
formatted += ''.repeat(pad + indent) + node + '\n';
pad += indent;
});
return formatted;
}
```
🚀 运用此方法,原本混乱的XML字符串会变成清晰的树状结构,便于阅读与调试。无论是用于日志记录还是API响应展示,都能大幅提升效率哦!💬
快试试吧,让你的代码更加优雅整洁!💪