PHP数组拼接逻辑转JavaScript后出现空值问题排查

咱们一步步拆解你遇到的问题：

核心问题原因 #

你的JavaScript代码出现空值残留，主要是初始化类型错误，再加上没实现PHP里的累加逻辑：

1. 初始化错误：你把results的两个子项初始成了数组[]，但实际上我们需要的是普通对象{}——PHP里的“关联数组”在JS里对应的是对象，而数组是用于数字索引的有序集合。当你给数组添加非数字键（比如results[1]['20']）时，这些键会变成数组对象的额外属性，但初始的空数组结构依然保留，就导致了结果里出现空值。
2. 缺少累加逻辑：PHP里的+=是累加操作（键不存在时会默认初始化为0再相加），但你的JS代码是直接赋值=，既没有处理键不存在的情况，也不会做数值累加，甚至item[2]是字符串，直接赋值会保留字符串类型，无法实现数值相加。

修正后的JavaScript代码 #

咱们按照PHP的逻辑，把代码调整如下：

const inStr = "20:1:21,21:0:21";
const list = inStr.split(",");
// 初始化两个空对象，对应PHP里的关联数组
const results = { 0: {}, 1: {} };

list.forEach(itemStr => {
    const item = itemStr.split(":");
    if (item.length === 3) {
        const groupKey = item[1];
        const itemKey = item[0];
        const value = parseInt(item[2], 10); // 转成整数，避免字符串拼接
        
        // 实现累加逻辑：如果键不存在，先初始化为0再相加
        if (!results[groupKey][itemKey]) {
            results[groupKey][itemKey] = 0;
        }
        results[groupKey][itemKey] += value;
    }
});

// 转成你需要的JSON格式输出
const jsonResult = Object.values(results);
console.log(jsonResult); // 输出：[{"21":21},{"20":21}]

代码细节解释 #

• 初始化对象：把results[0]和results[1]初始为{}，这样后续添加键值对时，就是纯粹的关联结构，不会有空数组残留。
• 数值转换：用parseInt(item[2], 10)把字符串转成整数，避免直接相加变成字符串拼接（比如如果有两个"21"，直接加会变成"2121"，而不是42）。
• 累加处理：先判断键是否存在，不存在的话初始化为0，再执行累加，和PHP里+=的逻辑完全一致——PHP中当访问未定义的数组元素时，会自动初始化为0，JS需要我们手动处理这一步。

验证结果 #

运行上面的代码，最终输出的JSON格式就是你预期的：[{"21":21},{"20":21}]，和PHP代码的输出逻辑完全匹配。

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