在省市区树结构扁平化结构中回显省市区选中状态
在省市区树形结构中，只有当前层级的节点拥有选中标志，其他层级的节点的选中标志都为空。现在需要将选中的省市区的代码列表展平成一个数组。
解决方案：
使用递归算法从根节点开始遍历整个树形结构，并传递当前父节点的选中状态。
具体步骤：
示例代码：
/**
* 获取所有选中的代码
* @param {any[]} list 树形结构
* @param {string[]} parentList 到父级所有的代码的数组
* @param {boolean} parentChecked 上级是否被选中，若上级被选中，则下面所有的子选项均是被选中的数据
*/
const getCheckedList = (list, parentList = [], parentChecked = false) => {
let result = [];
if (!Array.isArray(list)) {
return result;
}
list.forEach((item) => {
const checked = parentChecked || item.check; // 父级被选中或当前被选中，均认为是被选中
const codeList = parentList.concat(item.code);
if (item.children) {
// 当前不是最内层
result = result.concat(getCheckedList(item.children, codeList, checked));
} else {
// 已到最内层
if (checked) {
result.push(codeList);
}
}
});
return result;
};
const tree = ...; // 在这里填充你的树形结构
const checkedList = getCheckedList(tree);以上就是如何将省市区树结构扁平化并回显选中状态？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
510
收藏
