如何在具有不同变量的javascript中重用函数

问题描述

我有一组按钮，当点击这些按钮时会触发一个函数，将它们的 ID 切换到一个名为 MyArray 的数组

function AddToArray(a,v) {
 
 var v = this.id
 var a = myArray
  
    var i = a.indexOf(v);
    if (i === -1)
        a.push(v);
    else
        a.splice(i,1);
}

我想对一组不同的按钮使用相同的功能。与其将他们的 ID 切换为 MyArray，我希望将它们切换为 MySecondarray

目前我简单的有两个独立的函数，但是重复代码好像不对。

我考虑向按钮添加一个值为 MyArray 或 MySecondarray 的数据属性，然后将此字符串转换为变量以推送到相关数组。我知道使用 eval() 等函数可能不安全。

因此，我想知道一般重用函数的最佳方法是什么？

解决方法

function toggleToArray(arr,id) {
    const i = arr.indexOf(id);
    return i === -1 ? [...arr,id] : arr.filter(val => val !== id);
}

// add if id does not exist
const myArr = toggleToArray(['a','b','c'],'d');
console.log('toggltoarray.js: 8  myArr ',myArr);

// remove if exists
const myArr1 = toggleToArray(myArr,'d');
console.log('toggltoarray.js: 12  myArr1 ',myArr1);