Javascript 替换代码段中的变量列表

我不是真正的js专家，所以我有以下情况： 下面的代码绘制了sparklines（jQuery sparklines），但是，我有400多个变量，我认为将代码重复400次是不明智的，如何用一个包含所有名称的变量替换代码中的变量名（var1）

 $('#sparkline_var1_x').sparkline(var1, {
    type: "bar",
barColor: '#fc3944',
        tooltipFormat: '{{offset:offset}} {{value}}',
tooltipValueLookups: {
        'offset': labels
    }
});

例如，我有一个名为

var\u all

的变量，包含

var1，var2，…，var400

，如何将其替换为这样

 $('#sparkline_$var_all_x').sparkline($var_all, {
    type: "bar",
barColor: '#fc3944',
        tooltipFormat: '{{offset:offset}} {{value}}',
tooltipValueLookups: {
        'offset': labels
    }
});

所以它只写了一次。

---

现在，上面的代码对JS开发者来说可能没有意义，只是为了得到概念。

将您的

var\u all

放入一个包含

var\

变量的数组中，例如：

const varAll = [var1, var2, var3, ...]

（最好不保留单个

var1

变量，它们是重复的）

然后在数组上迭代，使用值和索引确定要使用的

#sparkline_var1_x

：

varAll.forEach((val, i) => {
  $(`#sparkline_var${i + i}_x`).sparkline(val, {
    type: "bar",
      barColor: '#fc3944',
      tooltipFormat: '{{offset:offset}} {{value}}',
      tooltipValueLookups: {
        'offset': labels
      }
  });
});

但是数字索引ID是一种代码味道。具有ID的元素应该表示文档中完全唯一的内容，这些内容只存在一次。考虑使用类，如<代码> SPARKLYN>／代码>：

const sparklines = $('.sparklines');
varAll.forEach((val, i) => {
  $(sparklines[i]).sparkline(val, {
    type: "bar",
      barColor: '#fc3944',
      tooltipFormat: '{{offset:offset}} {{value}}',
      tooltipValueLookups: {
        'offset': labels
      }
  });
});

---

将

var\u all

放入包含

var

变量的数组中，例如：

const varAll = [var1, var2, var3, ...]

（最好不保留单个

var1

变量，它们是重复的）

然后在数组上迭代，使用值和索引确定要使用的

#sparkline_var1_x

：

varAll.forEach((val, i) => {
  $(`#sparkline_var${i + i}_x`).sparkline(val, {
    type: "bar",
      barColor: '#fc3944',
      tooltipFormat: '{{offset:offset}} {{value}}',
      tooltipValueLookups: {
        'offset': labels
      }
  });
});

但是数字索引ID是一种代码味道。具有ID的元素应该表示文档中完全唯一的内容，这些内容只存在一次。考虑使用类，如<代码> SPARKLYN>／代码>：

const sparklines = $('.sparklines');
varAll.forEach((val, i) => {
  $(sparklines[i]).sparkline(val, {
    type: "bar",
      barColor: '#fc3944',
      tooltipFormat: '{{offset:offset}} {{value}}',
      tooltipValueLookups: {
        'offset': labels
      }
  });
});

---

谢谢两个问题：1-如果我的变量不是数字索引的，并且我将它们都存储在

varAll

中，那么我可以这样写$（

#sparkline{varAll}}\ux

）吗。2-在

sparkline（val

）中

val

如何，我可以直接用

varAll

替换它，这样它将成为

sparkline吗（varAll

？因为我需要两者都是我在问题示例中所写的同一个变量。谢谢如果它们不是数字，请使用一个对象而不是数组，然后使用对象的键而不是数组索引来标识传递给

$

的

\u var

是哪个变量。我可以直接用varAll替换它，这样它就会闪闪发光吗（varAll不这么认为，因为您需要向每个变量传递不同的参数。谢谢！两个问题：1-如果我的变量没有数字索引，并且我将所有变量都存储在

varAll

中，我可以这样写$（

{varAll}{ux

）吗？.2-在

Sparkine中
val
如何（val

，我是否可以直接用

varAll

替换它，这样它将成为

闪闪发光（varAll

？因为我需要两者都是我在问题示例中所写的同一个变量。谢谢如果它们不是数字，请使用一个对象而不是数组，然后使用对象的键而不是数组索引来标识传递给

$

的

\u var

是哪个变量。我可以直接用varAll替换它，这样它就会闪闪发光吗（varAll不这么认为，因为您需要向每个参数传递不同的参数。