如何在 JavaScript 中对xml 格式化

更新时间：2024-08-28 13:57:30

作者：八木屋

在JavaScript中，直接对XML进行格式化（即美化XML结构，使其具有缩进和换行以便阅读）不像JSON那样有一个内置的方法，如JSON.stringify()。但是，你可以通过编写一些辅助函数或使用现有的库来实现这一功能。

以下是一些方法来在JavaScript中格式化XML：

1. 使用现有的库

有一些JavaScript库可以帮助你格式化XML，例如xml-formatter或xmldom（尽管xmldom本身可能不直接提供格式化功能，但可以与其他工具结合使用）。

以xml-formatter为例，你可以这样使用它：

首先，你需要安装这个库（如果你是在Node.js环境下）：

bash复制代码

npm install xml-formatter

然后，在你的代码中，你可以这样做：

javascript复制代码

	const formatter = require('xml-formatter');

	const xml = `<?xml version="1.0"?><root><child>Hello, World!</child></root>`;
	const formattedXml = formatter(xml, { indentation: ' ' });

	console.log(formattedXml);

2. 手动编写格式化函数

如果你不想使用任何外部库，你也可以尝试自己编写一个XML格式化函数。但请注意，这可能会相当复杂，因为你需要解析XML并正确地处理各种元素和属性。

这里是一个非常基本的示例，它只能处理非常简单的XML字符串，并且不会处理属性或更复杂的结构：

javascript复制代码

	function simpleXmlFormatter(xml) {
	const lines = xml.split('>');
	let formatted = '';
	let indent = 0;

	lines.forEach(line => {
	if (line.trim().startsWith('<')) {
	formatted += ' '.repeat(indent) + line.trim() + '\n';
	if (!line.trim().endsWith('/>')) {
	indent++;
	}
	} else if (line.trim() !== '') {
	formatted += ' '.repeat(indent) + line.trim() + '\n';
	if (indent > 0) {
	indent--;
	}
	}
	});

	return formatted.trim();
	}

	// 注意：这个函数仅适用于非常简单的XML示例，并不适用于包含属性或复杂结构的XML
	const xml = `<root><child>Hello, World!</child></root>`;
	console.log(simpleXmlFormatter(xml));