本文介绍如何从字符串数组中按列提取字符（即取每个字符串的第1、2、3…个字符），分别拼接为独立字符串，适用于矩阵式字符串处理场景。
本文介绍如何从字符串数组中按列提取字符（即取每个字符串的第1、2、3…个字符），分别拼接为独立字符串，适用于矩阵式字符串处理场景。
在实际开发中，常需将字符串数组视为“字符矩阵”，按列（而非按行）提取数据。例如，给定 ["abcd", "efgh", "ijkl", "mnop"]，目标是生成四组字符串："aeim"（第0列）、"bfjn"（第1列）、"cgko"（第2列）、"dhlp"（第3列）。
核心思路
利用 Array.from() 构造目标长度的新数组（长度等于任一字符串的字符数），再对每个索引 i，通过 arr.map(s => s[i]) 提取所有字符串在该位置的字符，最后用 .join('') 合并为字符串。
示例代码
const arr = ["abcd", "efgh", "ijkl", "mnop"];
// 假设所有字符串等长；若长度不一，建议先校验
const maxLength = arr[0]?.length || 0;
const result = Array.from({ length: maxLength }, (_, i) =>
arr.map(str => str[i] ?? '').join('')
);
console.log(result);
// 输出: ["aeim", "bfjn", "cgko", "dhlp"]
✅ 关键点说明：
-
Array.from({ length: n }, (_, i) => ...)是生成指定长度数组并映射的惯用写法，比传统for循环更函数式、简洁； -
str[i] ?? ''使用空值合并操作符，可安全处理长度不一的字符串（避免undefined被拼入结果）； - 若需严格按最短字符串长度截断，可替换为：
const minLength = Math.min(...arr.map(s => s.length)); const result = Array.from({ length: minLength }, (_, i) => arr.map(s => s[i]).join('') );
⚠️ 注意事项：
- 输入为空数组时需提前校验（如
if (arr.length === 0) return [];）； - 字符串含 Unicode 多字节字符（如 emoji、中文）时，
s[i]按 UTF-16 码元索引，非严格意义上的“字符”——如需正确处理 Unicode，应使用Array.from(s)[i]替代s[i]； - 本方案时间复杂度为 O(n × m)，其中 n 为字符串数量，m 为最大长度，属最优解。
该方法简洁、可读性强，是 JavaScript 中处理“横向转纵向”字符串提取的标准实践。
