




本文介绍如何将任意字符串数组转换为深度优先填充的三叉树(每个节点恰好3个子节点),确保每一层完全填满后才进入下一层,同时保持结构清晰与代码简洁。
在 JavaScript 中构建符合特定层级约束的树结构(如“每父节点严格3子节点”且“逐层填满”)看似简单,实则需精确控制节点分配顺序与递归边界。核心挑战在于:不能简单随机打乱后深度优先递归,而必须按广度优先顺序分配节点——即第 0 层(根)占前 3 个元素,第 1 层占接下来的 9 个(3×3),第 2 层占再接下来的 27 个(3³),以此类推,直到数组耗尽。
但注意:原始问题中并未指定“根节点层”,而是直接以顶层 3 个父节点作为树的起始(即树高 ≥ 1,无统一根)。因此我们定义树为一个森林(forest):由 3^0 = 1 组、每组 3 个顶级父节点构成第一层;每个顶级父节点可向下挂载 3 个子节点,这些子节点又各自可挂载 3 个孙节点……依此类推。这正对应完全三叉树的层序展开。
原答案中的递归逻辑存在索引计算错误(如 tempIndex = 3 * (startIndex + 1) 不符合层序规律),且未处理数组长度不足时的优雅截断。以下是经过验证的健壮实现:
const x = [
'apple', 'bus', 'banana', 'pen', 'pencil', 'earth', 'planet', 'flat',
'house', 'dream', 'train', 'space', 'drink', 'cola'
];
/**
* 生成层序填充的三叉森林
* @param {string[]} arr - 输入字符串数组
* @param {number} level - 当前层级(0 为顶层)
* @param {number} offset - 当前层级起始索引(在 arr 中的位置)
* @returns {Array<{parent: string, children: Array}>}
*/
function buildTernaryForest(arr, level = 0, offset = 0) {
const nodesPerLevel = Math.pow(3, level); // 当前层应有节点数
const nextLevelNodes = Math.pow(3, level + 1); //
下一层应有节点数
const levelEnd = offset + nodesPerLevel;
// 若当前层已无足够节点,返回空数组
if (offset >= arr.length) return [];
// 提取当前层节点(最多 nodesPerLevel 个)
const currentNodes = arr.slice(offset, levelEnd);
return currentNodes.map((parent, i) => {
// 计算子节点在数组中的起始位置:下一层起始 = 当前层起始 + 当前层节点数
const childOffset = offset + nodesPerLevel;
// 每个父节点分配连续的 3 个子节点(若存在)
const childStart = childOffset + i * 3;
const childSlice = arr.slice(childStart, childStart + 3);
return {
parent,
children: childSlice.length > 0
? buildTernaryForest(arr, level + 1, childOffset + i * 3)
: []
};
});
}
// 生成顶层(level=0)的森林
const tree = buildTernaryForest(x);
console.log(JSON.stringify(tree, null, 2));该方案简洁、可读性强,时间复杂度 O(n),空间复杂度 O(h)(h 为树高),完美满足“逐层填满”的硬性约束。