javascript - 使用循环变量进行同名函数调用 - Javascript

Question

我在 init 函数中有一个循环:

  fruits = {
    apple: { color: 'green' },
    banana: { color: 'yellow' },
    kiwi: { color: 'green' }
  }

  ngOnInit() {
    for ( let fruit in this.fruits ) {
      if ( this.fruits[fruit].color === 'green' ) {
        // I want to use the current iterator
        this[fruit]()
      }
    }
  }

如您所见，我正在尝试对满足条件的函数进行方法调用。这些函数将具有与“循环迭代器”相同的名称 - 我只是不知道如何使用动态名称进行调用。

  apple() { ... }
  banana() { ... }
  kiwi() { ... }

因此，如果您查看循环中的条件，则应调用 apple() 和 kiwi()(假设它们是绿色水果)。

问题:如何在 ngOnInit 函数中正确组合函数调用？

我尝试过:this[fruit]() 、 this.fruit() 、 this['fruit'] 。正确的做法是什么？

Answer 1

我认为这是做你想做的事情的正确方法

const fruits = {
  apple: { color: 'green' },
  banana: { color: 'yellow' },
  kiwi: { color: 'green' }
}

ngOnInit() {
  for ( let fruit in this.fruittree ) {
    if ( fruits[fruit].color === 'green' ) {
      // I want to use the current iterator
      this[fruit]();
    }
  }
}