本文介绍如何将 JavaScript 对象中每个属性的原始值（字符串、数字等）统一包装为单元素数组，从而实现如 { tin: "TIN is required" } → { tin: ["TIN is required"] } 的结构转换，适用于表单校验、数据标准化等场景。
本文介绍如何将 javascript 对象中每个属性的原始值（字符串、数字等）统一包装为单元素数组，从而实现如 { tin: "tin is required" } → { tin: ["tin is required"] } 的结构转换，适用于表单校验、数据标准化等场景。
在实际开发中，我们常需对后端返回或用户输入的对象进行格式归一化处理。例如，当服务端校验错误信息以键值对形式返回（如 {"tin": "TIN is required", "bic": "BIC is required"}），但前端组件期望每个字段的错误信息为数组（便于统一渲染多条提示），此时就需要将所有属性值转为数组。
最简洁可靠的方案是使用 Object.entries() 配合遍历更新：
const obj = {
"tin": "TIN is required",
"bic": "BIC is required",
};
// 方法一：原地修改（推荐用于简单场景）
for (const [key, value] of Object.entries(obj)) {
obj[key] = [value];
}
console.log(obj);
// 输出：{ tin: ["TIN is required"], bic: ["BIC is required"] }
若需保持原对象不可变（遵循函数式编程原则或避免副作用），可使用 Object.fromEntries() 构建新对象：
const obj = {
"tin": "TIN is required",
"bic": "BIC is required",
};
const transformed = Object.fromEntries(
Object.entries(obj).map(([key, value]) => [key, [value]])
);
console.log(transformed);
// 输出同上，但 obj 本身未被修改
⚠️ 注意事项：
- 不要使用
Object.values()直接获取值数组（如Object.values(obj)返回["TIN is required", "BIC is required"]），因为它会丢失键名映射关系，无法还原为所需结构； - 若对象存在嵌套或
null/undefined值，建议增加类型判断（如Array.isArray(value) ? value : [value]）以增强健壮性； - 在 Vue/React 等响应式框架中，若对象已被代理（如 Vue 3 的
reactive），原地修改仍可触发更新，但深层嵌套时需注意响应式限制。
总结：通过 Object.entries() + for...of 或链式 map + Object.fromEntries() 即可高效、清晰地完成属性值数组化，兼顾可读性与工程实践需求。
