JavaScript字符串转数组：6种常用方法对比与使用建议

1. 使用 split() 方法

split() 是处理此类问题最经典的方法。它通过指定的分隔符将字符串拆分为有序列表。其优势在于支持灵活的分隔规则，如空格、特定字符甚至正则表达式。

第1步：按分隔符拆分

若需按单词分割，可传入空格作为参数；若需按特定字符分割，则传入该字符。例如：

// 按空格分隔单词
const myFavShow = 'The Office';
console.log(myFavShow.split(' ')); // ['The', 'Office']

// 按特定字符分隔
const favDialogue = 'Thats-what-she-said';
console.log(favDialogue.split('-')); // ['Thats', 'what', 'she', 'said']

第2步：处理纯字符拆分与局限

当传入空字符串 '' 时，split('') 会将字符串按单个字符拆分为数组。但需注意，对于超出基本多语言平面（BMP）的 Unicode 字符（如部分 Emoji），直接使用可能会返回代理对（surrogate pairs）而非完整字符。MDN 文档已更新说明，通过配合正则表达式与 u 标志可解决此问题：

// 未加 u 标志可能产生错误拆分
"😄😄".split(/(?:)/); 

// 加上 u 标志确保正确处理 Unicode
"😄😄".split(/(?:)/u); // [ "😄", "😄" ]

2. 使用扩展语法 ([...str])

ES2015 引入的扩展语法提供了一种更简洁的转换方式。它能自动遍历可迭代对象（String 也是可迭代的）并将其元素放入数组中。这种方法最大的优点是原生支持正确的 Unicode 字符识别。

const myFavShow = 'The Office';
console.log([...myFavShow]); 
// ['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']

// 完美处理 Emoji
const animal = '🦊🦊';
console.log([...animal]); // ['🦊', '🦊']

3. 使用 Array.from()

Array.from() 可以从类数组或可迭代对象创建一个新的浅拷贝数组实例。它在语义上比扩展语法更明确地表达了“从某物构建数组”的意图，且同样能正确处理所有 Unicode 字符。

const myFavShow = 'The Office';
console.log(Array.from(myFavShow)); 
// ['T', 'h', 'e', ' ', 'O', 'f', 'f', 'i', 'c', 'e']

const str = '😎😎';
console.log(Array.from(str)); // ['😎', '😎']

4. 使用 Object.assign()

Object.assign() 通常用于对象属性的复制，但也可以用来将字符串的索引属性复制到目标数组中。这种方式在某些特定逻辑下可用，但存在明显的局限性。

首先，它处理 Unicode 字符的能力与 split('') 类似，可能无法正确识别非 BMP 字符。其次，由于涉及属性赋值和浅拷贝逻辑，其可读性和性能通常不如前几种方法。仅建议在需要同时操作其他对象属性时考虑，否则不建议作为首选。

5. 使用传统 for 循环

尽管现代 JS 提供了更优雅的语法，但传统的 for...of 循环配合 push() 依然有效且直观。这种方法完全由开发者控制迭代过程，能够正确处理任何类型的字符，包括复杂的 Unicode 组合。

const s = '𝟘𝟙𝟚𝟛😄😄';
const a = [];
for (const char of s) {
   a.push(char);
}
console.log(a); // 正确包含所有独立字符

6. 使用 slice.call()

这是一种较老式的技巧，利用数组的 slice 方法提取类数组对象的片段：Array.prototype.slice.call(str)。虽然可行，但它不仅语法冗长，而且同样面临 Unicode 字符处理的兼容性问题。在现代开发中，除非为了维护遗留代码，否则不推荐在新项目中使用。

总结与建议

在大多数情况下，推荐使用 **扩展语法**（[...str]）或 **Array.from()**，因为它们代码简洁且原生支持完整的 Unicode 序列。split() 则更适合需要按特定分隔符进行复杂拆分（如按逗号、空格、正则模式）的场景。在处理纯字符转换时，应避免使用 Object.assign 和 slice.call，以减少潜在的编码问题和性能开销。

以上就是JavaScript实现字符串转数组的6种方法对比与使用建议的详细内容，更多关于JavaScript字符串转换的技巧资料请关注本站其它相关文章！