如何为对象设置数组类型属性？实现指定输出格式的正确方法

当然可以给对象的属性设置为数组类型！你描述的“不存在则添加属性并初始化数组，存在则向数组追加元素”的逻辑非常实用，我来帮你梳理正确的代码结构，再实现你想要的最终输出格式。

核心逻辑实现 #

首先，我们需要一个通用函数来处理数组属性的添加逻辑，这里要注意动态访问对象属性必须用方括号语法（如果用点语法，只能访问固定名称的属性，无法处理动态的属性名）：

// 定义工具函数：向对象的指定属性数组添加元素
function addToArrayProperty(obj, propName, element) {
    // 判断属性是否存在，不存在则初始化为空数组
    if (!obj[propName]) {
        obj[propName] = [];
    }
    // 向数组追加元素
    obj[propName].push(element);
}

构建目标对象 #

接下来，我们用这个函数来构建你需要的对象结构。根据你想要的输出，我们可以把类似100 200这样的组合作为属性名（用下划线拼接成合法的属性名，比如'100_200'），然后向对应的数组添加a、b、c：

// 初始化空对象
const targetObj = {};

// 处理第一组：100 200 对应 [a, b, c]
addToArrayProperty(targetObj, '100_200', 'a');
addToArrayProperty(targetObj, '100_200', 'b');
addToArrayProperty(targetObj, '100_200', 'c');

// 处理第二组：100 300 对应 [a, b, c]
addToArrayProperty(targetObj, '100_300', 'a');
addToArrayProperty(targetObj, '100_300', 'b');
addToArrayProperty(targetObj, '100_300', 'c');

// 处理第三组：200 300 对应 [a, b, c]
addToArrayProperty(targetObj, '200_300', 'a');
addToArrayProperty(targetObj, '200_300', 'b');
addToArrayProperty(targetObj, '200_300', 'c');

格式化为目标输出 #

最后，我们把对象转换成你想要的空格分隔格式：

// 定义格式化函数
function formatToTargetString(obj) {
    const outputParts = [];
    // 遍历对象的所有属性
    for (const key in obj) {
        // 把属性名的下划线换成空格，再拼接数组元素的空格分隔字符串
        const keyStr = key.replace('_', ' ');
        const arrayStr = obj[key].join(' ');
        outputParts.push(`${keyStr} ${arrayStr}`);
    }
    // 把所有部分用空格连接成最终字符串
    return outputParts.join(' ');
}

// 输出结果
console.log(formatToTargetString(targetObj));
// 控制台会打印：100 200 a b c 100 300 a b c 200 300 a b c

常见错误排查 #

你之前的写法无法生效，大概率是这两个原因：

• 用了点语法访问动态属性：比如你写了obj.propName而不是obj[propName]，点语法只能识别固定的属性名，动态属性必须用方括号。
• 未正确初始化数组：第一次添加元素时，直接给属性赋值为单个元素，而不是先创建空数组再push，导致后续push操作报错。

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