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

大佬教程收集整理的这篇文章主要介绍了如何在具有不同变量的javascript中重用函数，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

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

我有一组按钮，当点击这些按钮时会触发一个函数，将它们的 ID 切换到一个名为 @H_494_3@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 切换为 @H_494_3@myArray，我希望将它们切换为 @H_494_3@mySecondarray

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

我考虑向按钮添加一个值为 @H_494_3@myArray 或 @H_494_3@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);

大佬总结

以上是大佬教程为你收集整理的如何在具有不同变量的javascript中重用函数全部内容，希望文章能够帮你解决如何在具有不同变量的javascript中重用函数所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。