如何遍历NgForm的value值？调用map方法报错问题排查

你报错的原因很直接：map()是数组专属方法，但formulaire.value是一个普通对象，不是数组，所以调用map()会提示“不是函数”。下面给你几种可行的遍历方式：

方式一：只遍历值（最常用） #

用Object.values()把对象的所有值提取成数组，之后就能用数组的forEach或map方法了：

getForm(formulaire: NgForm){
  // 直接遍历打印值
  Object.values(formulaire.value).forEach(val => console.log(val));
  
  // 如果需要转换值并生成新数组，用map
  const processedValues = Object.values(formulaire.value).map(val => {
    // 这里可以加你的处理逻辑，比如转数字
    return Number(val);
  });
}

方式二：同时遍历键和值 #

如果需要同时拿到对象的键（比如示例里的'1'、'2'）和对应的值，用Object.entries()：

getForm(formulaire: NgForm){
  Object.entries(formulaire.value).forEach(([key, val]) => {
    console.log(`键：${key}，对应值：${val}`);
  });
}

方式三：传统for...in循环 #

这种方式兼容性最好（不过现代浏览器都支持上面两种方法了），注意要加hasOwnProperty判断，避免遍历到对象原型链上的属性：

getForm(formulaire: NgForm){
  for (const key in formulaire.value) {
    if (formulaire.value.hasOwnProperty(key)) {
      const val = formulaire.value[key];
      console.log(val);
    }
  }
}

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