Angular迭代处理选中行时生成仅包含ID的数组的问题

API 探路者

2026-9-23

问题根因

你现有代码只在循环内单独获取每行ID，没有将所有ID统一收集到容器中，因此只能逐个打印，无法得到完整的ID集合。

最优实现方案（推荐）

直接使用数组map方法一键提取ID生成目标数组，代码最简洁易读：

procesarClic() {
    // 提取所有选中行的ID生成新数组
    const selectedIds = this.selection.selected.map(row => row.id);
    console.log('ID数组：', selectedIds); // 输出格式为 [78, 79, 81]

    // 如果你需要大括号包裹的无重复ID集合，可转Set类型
    const uniqueIdSet = new Set(selectedIds);
    console.log('无重复ID集合：', uniqueIdSet); // 输出格式为 Set(3) {78, 79, 81}
}

兼容for循环的修改方案

如果你需要保留原有for循环的写法，只需在循环外声明空数组收集ID即可：

procesarClic() {
    const request = this.selection.selected;
    // 提前声明空数组存储ID，可根据ID实际类型调整类型声明，字符串类型则改为string[]
    const selectedIds: number[] = [];
    for (let i = 0; i < request.length; i++){
      const currentId = request[i].id;
      selectedIds.push(currentId);
      console.log('Id Seleccionado: ', currentId);
    }
    console.log('完整ID数组：', selectedIds);
}

补充说明