初始化许多变量时如何减少代码量

Question

所以我在SVG里面有很多元素,比方说30,它们都有相应的类,比如.el01, .el02, .el03......最多.el30.

我需要为每个变量创建一个变量,以便按顺序使用它,但是编写类似的东西会变得非常繁琐:

var el01 = $(".el01"),
    el02 = $(".el02"),
    ...
    el30 = $(".el30"); 

有没有办法减少代码量,并通过某种循环键入这里,但仍然能够使用所有想要的变量？

Answer 1

你可以使用一个数组:

const eles = Array.from(
  { length: 30},
  (_, i) => $(`.el${String(i + 1).padStart(2, '0')}`)
);

请注意,数组是零索引的,例如eles[0]是$(".el01").此外,padStart有点新,所以如果在互联网上服务,请加入polyfill.