angular - 如何遍历来自组值的数组？

Question

我已经声明了以下表单组。

     this.secondFormGroup = this._formBuilder.group({

  nested: this._formBuilder.group({
    arr1: [],
    arr2: [],
    arr3: [],
    arr4: []

  }),
 })

用户填写表单后，我想遍历表单组中的数组。但是我收到一个错误，即 foreach 不是函数。我究竟做错了什么？

这是我尝试过的。

var arrays =this.secondFormGroup.get('nested').value
arrays.forEach(x=>{
  if(x.arr1.length){
    x.arr1.forEach(x=>{
    console.log(arr1
    }) 
  }

Answer 1

nested是一个组。您需要获取 the 的键nested并对其进行迭代。

在第一行之后，执行以下操作：

Object.keys(arrays).forEach(key => {
      arrays[key].forEach(x => {
         console.log(x);
      });
});

Answer 2

您将获得一个带有arr1, arr2... 作为属性的对象。用于Object.keys(arrays)遍历该对象的属性。

Object.keys(arrays).forEach(key => {
  if(arrays[key].length) {
    arrays[key].forEach(value => console.log(value));
  }
});