尽管函数返回false,但Array.filter()不会过滤元素

时间:2018-08-22 19:21:51

标签: javascript angular

我正在尝试使用过滤器功能从数组中删除一个元素。这是在Typescript / Angular6中使用的,但我认为此代码段通常适用于JS。

下面的代码似乎没有过滤掉我想要的元素,尽管过滤器函数为该元素返回了false。至少我认为它在比较结果为false时返回false。(见输出)。

带有Array.splice()的详细手动功能可以完成它的工作。我没看到什么?

  public deleteAltChar() {
    console.log(this.char.altchars);
    this.charService.deleteAltChar(this.altChar, this.char)
      .subscribe(data => {
        // THIS DOES NOT WORK
        this.char.altchars.filter(ac => {
            console.log(ac);
            console.log(this.altChar);
            console.log(this.altChar != ac);
            return ac != this.altChar;
        });
        console.log(this.char.altchars);
        // THIS DOES WORK
        // this.char.altchars.forEach(ac => {
        //  if (ac == this.altChar) {
        //      this.char.altchars.splice(this.char.altchars.indexOf(ac), 1);
        //  }
        // });
      });
  }

第一部分的输出:

Array[0: Object { id: 37 }]
Object { id: 37 }
Object { id: 37 }
false
Array[0: Object { id: 37 }]

2 个答案:

答案 0 :(得分:4)

Array.filter返回带有过滤值的新数组,它不会更改其调用的实例,请检查documentation

所以您想做类似的事情

this.char.altchars = this.char.altchars.filter(ac => ac != this.altChar);

答案 1 :(得分:1)

Array.filter返回一个新数组,因此您需要将filter的结果分配给某个变量。

this.char.altchars = this.char.altchars.filter(ac => {
     console.log(ac);
     console.log(this.altChar);
     console.log(this.altChar != ac);
     return ac != this.altChar;
});