如何用TypeScript将字符串数组按换行写入文本文件？

Solution for Line-by-Line Array Elements in Text File #

Got it, let's fix this right up! The core issue here is that when you pass a raw array to Blob, JavaScript automatically converts it to a comma-separated string (via the array's default toString() method). To get each element on its own line, you just need to explicitly join the array with newline characters first.

1. Fix Your Existing Blob Code #

This is the simplest tweak to your current implementation:

// Join the array elements with newline characters
const lineSeparatedContent = result['list'].join('\n');
// Create the Blob with the formatted content
const newFile = new Blob([lineSeparatedContent], { type: "text/plain", endings: 'native' });

• The join('\n') method replaces the default comma separator with a newline (\n) between each array element.
• Your existing endings: 'native' flag is perfect here—it automatically converts \n to the newline format native to the user's OS (e.g., \r\n for Windows, \n for macOS/Linux), so the file will display correctly across systems.

2. Alternative Implementation Methods #

Use the File Object Directly

Since File inherits from Blob, you can create the file directly with your formatted content and specify a filename upfront:

const lineSeparatedContent = result['list'].join('\n');
const newFile = new File([lineSeparatedContent], 'my-list.txt', { 
  type: "text/plain", 
  endings: 'native' 
});

Manual Content Construction (For Customization)

If you need to add extra content (like a header) or process individual elements before writing, build the text string manually:

let textContent = "My Custom List:\n"; // Add a custom header
result['list'].forEach(item => {
  // Optional: Sanitize or modify items here
  textContent += `${item}\n`;
});
// Remove the trailing newline (optional)
textContent = textContent.trimEnd();

const newFile = new Blob([textContent], { type: "text/plain", endings: 'native' });

Browser Download Workflow (If Needed)

If you're working in the browser and want to trigger a download of the file, combine the Blob with a temporary anchor tag:

const lineSeparatedContent = result['list'].join('\n');
const blob = new Blob([lineSeparatedContent], { type: "text/plain", endings: 'native' });
const downloadUrl = URL.createObjectURL(blob);

// Create a hidden anchor tag to trigger download
const a = document.createElement('a');
a.href = downloadUrl;
a.download = 'my-list.txt';
document.body.appendChild(a);
a.click();

// Clean up to free memory
document.body.removeChild(a);
URL.revokeObjectURL(downloadUrl);

Key Notes #

• If your array elements already contain newline characters, join('\n') will still work—each element will occupy its own line, with internal newlines preserved within the element.
• For empty arrays, this will create an empty file (or you can add a fallback message like textContent = result['list'].length ? result['list'].join('\n') : "No items in list";).

内容的提问来源于stack exchange，提问作者Paresh Nagore