変数名を関数名として使用

Question

以下のコードを使用して、指定されたリスト内のすべてのDOM要素のclassListに対する操作を実行します。

function editClassListOfElements(elements, className, operation) { 
    switch (operation) { 
     case "add": 
      [].forEach.call(elements, function (element) {element.classList.add(className)}); 
      break; 
     case "remove": 
      [].forEach.call(elements, function (element) {element.classList.remove(className)}); 
      break; 
     case "toggle": 
      [].forEach.call(elements, function (element) {element.classList.toggle(className)}); 
      break; 
     default: 
      break; 
    } 
} 

、私はこのような何かにそれを変更したい：これが可能である場合

function editClassListOfElements(elements, className, operation) { 
    [].forEach.call(elements, function (element) {element.classList. + operation + (className)}); 
} 

、それはどのように行われていますか？

Answer 1

ブラケットを使用してオブジェクトのフィールドにアクセスできます。

element.classList.addは、element.classList["add"]に相当します。したがって、element.classList[operation](className)を実行するだけで、operationの値のような名前のclassListという関数が呼び出されます。