如何使用JavaScript修改已存在的TXT文本文件中的内容

Node.js 服务端场景 #

直接使用内置fs模块即可实现极简写入，代码和你理想中的写法非常接近：

直接覆盖写入（已知要写入的内容为2） #

require('fs').writeFileSync('myTextDoc.txt', '2');

先读取再修改再写回的完整流程 #

const fs = require('fs');
// 读取原文件内容，指定编码为utf8避免拿到Buffer
const originalText = fs.readFileSync('myTextDoc.txt', 'utf8');
// 自定义修改逻辑，示例为将1替换为2
const modifiedText = originalText.replace('1', '2');
// 写回原文件，默认会直接覆盖原有内容
fs.writeFileSync('myTextDoc.txt', modifiedText);

如果不想用同步方法阻塞线程，可以用异步Promise版本（Node.js v14+ 支持）：

const fs = require('fs/promises');
async function modifyTxt() {
  const originalText = await fs.readFile('myTextDoc.txt', 'utf8');
  await fs.writeFile('myTextDoc.txt', originalText.replace('1', '2'));
}
modifyTxt();

浏览器端场景 #

受浏览器安全沙箱限制，无法静默修改用户本地文件，必须通过用户主动交互触发写入操作：

<!-- 先让用户选择要修改的TXT文件 -->
<input type="file" accept=".txt" id="fileSelector">
<script>
document.querySelector('#fileSelector').addEventListener('change', async (e) => {
  const selectedFile = e.target.files[0];
  // 读取原文件内容
  const originalText = await selectedFile.text();
  const modifiedText = originalText.replace('1', '2');
  // 唤起系统保存弹窗，默认文件名和原文件一致，用户确认后即可覆盖写入
  const saveHandle = await window.showSaveFilePicker({
    suggestedName: selectedFile.name
  });
  const writer = await saveHandle.createWritable();
  await writer.write(modifiedText);
  await writer.close();
});
</script>

注：showSaveFilePicker是较新的API，低版本浏览器可以用生成下载链接的方式让用户手动保存覆盖原文件。

内容的提问来源于stack exchange，提问作者Vincent Lindell