JavaScript遍历嵌套对象与数组：处理服务端响应的consent数据

我来帮你搞定这个遍历consent并添加channels的需求，用JavaScript来实现的话，步骤很清晰，直接看下面的代码和说明就行：

1. 先准备好响应数据 #

首先把你拿到的服务端响应转换成可操作的JS对象（如果是JSON字符串，记得用JSON.parse()解析）：

// 你的示例响应数据
const serverResponse = [
  {
    "consents": [
      {
        "channels": [
          { "granted": true, "id": "sms", "title": "SMS/MMS" },
          { "granted": true, "id": "email", "title": "E-Mail" },
          { "granted": false, "id": "phone", "title": "Telefon" },
          { "granted": false, "id": "letter", "title": "Brief" }
        ],
        "client": "App",
        "configId": "99df8e86-2e24-4974-80da-74..."
      }
    ]
  }
];

2. 遍历每个Consent并添加新Channels #

假设你要给每个consent新增一个推送通知渠道，用数组的forEach方法就能轻松遍历并修改：

// 定义要添加的新渠道
const newPushChannel = {
  "granted": true,
  "id": "push",
  "title": "Push-Benachrichtigung"
};

// 遍历外层的响应项
serverResponse.forEach(responseItem => {
  // 遍历每个consent对象
  responseItem.consents.forEach(consent => {
    // 把新渠道添加到当前consent的channels数组里
    consent.channels.push(newPushChannel);
    
    // 如果要一次性加多个渠道，可以用concat：
    // consent.channels = consent.channels.concat([newPushChannel, newInAppChannel]);
  });
});

// 打印处理后的结果看看效果
console.log(JSON.stringify(serverResponse, null, 2));

3. 一些实用提示 #

• 如果你的原始数据是JSON字符串，一定要先转成JS对象：const serverResponse = JSON.parse(yourJsonString);
• 要是你需要替换原有channels而不是追加，直接赋值就行：consent.channels = [yourNewChannelsArray];
• 批量添加渠道时，concat比多次push更高效，也更简洁

处理后的单个consent结构大概是这样的：

{
  "channels": [
    { "granted": true, "id": "sms", "title": "SMS/MMS" },
    { "granted": true, "id": "email", "title": "E-Mail" },
    { "granted": false, "id": "phone", "title": "Telefon" },
    { "granted": false, "id": "letter", "title": "Brief" },
    { "granted": true, "id": "push", "title": "Push-Benachrichtigung" }
  ],
  "client": "App",
  "configId": "99df8e86-2e24-4974-80da-74..."
}

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