如何在JavaScript中将数组内字符串拆分并生成二维数组？

嘿，这个需求其实非常容易实现，咱们直接上解决方案和解释：

核心思路 #

遍历原数组中的每个字符串，将每个字符串拆分为单个字符组成的数组，最后把这些字符数组整合起来，就得到了目标二维数组。

最简洁的实现：使用map() + split('') #

map()方法可以遍历数组并返回一个新数组，正好匹配咱们的需求；而split('')方法会把字符串按每个字符拆分，返回字符数组。两者结合一步到位：

// 你的原始数组
const originalArray = ['this', 'is', 'it'];
// 转换为二维数组
const twoDimensionalArray = originalArray.map(str => str.split(''));

console.log(twoDimensionalArray);
// 输出结果：[['t','h','i','s'], ['i', 's'], ['i', 't']]

代码解释 #

• originalArray.map(...)：遍历原数组的每一个元素（也就是每个字符串）
• str.split('')：对每个字符串执行拆分操作，比如'this'.split('')会返回['t','h','i','s']
• 最终map()会把所有拆分后的字符数组收集起来，形成咱们需要的二维数组

备选方案：使用forEach()手动构建数组 #

如果你更习惯手动控制数组的构建过程，也可以用forEach()来实现：

const originalArray = ['this', 'is', 'it'];
const result = [];

originalArray.forEach(str => {
  // 把每个字符串拆分后的字符数组推入结果数组
  result.push(str.split(''));
});

console.log(result);
// 同样得到目标二维数组

两种方法都能达到目的，不过map()的写法更简洁、更符合函数式编程的风格，通常是首选。

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