javascript - 检查已启用按钮的数组并为每个按钮创建名称 "true"

Question

我不确定标题是否适合我的需要，但我希望它能接近我的实际需要。

所以我正在制作一个供个人使用的小插件，我想知道如何快速创建“X”数量的按钮，具体取决于我当时需要多少个社交按钮。

目前它是三个按钮，但我可以像在每个插件中一样选择性地启用或禁用它们。

所以我想知道的是我如何知道用户在插件中启用或禁用了哪个按钮，然后为每个按钮创建不同的按钮操作和按钮文本。

这是我所拥有的示例，我只想为每个启用的按钮创建精确的文本。

var socialsCount = 0,
    socials = [this.options.facebookButton, this.options.twitterButton, this.options.googleButton];


for (i = 0; i < socials.length; i++) {
    if (socials[i] === true) {
        socialsCount++;
    }
}

for (i = 0; i < socialsCount; i++) {
    $("<button />", {
        type: "button",
        class: "just some classes",
        text: 'Make button names ' + i
    }).appendTo(".vsd-body");
}

因此在这种情况下，它将检查哪些按钮是真实的并创建所需数量的“按钮”。假设在本例中“facebookButton 和 googleButton”为“true”，而“twitterButton”为“false”。

如何设置“文本:创建按钮名称 ' + i 为每个启用的按钮创建名称。

示例:facebookButton - “facebook”twitterButton - “推特”googleButton - “谷歌”

希望你能理解我的问题。我需要任何类型的答案!

Answer 1

使用对象数组

var options = {
   buttons:[
      { enabled:true, label:"Facebook" },
      { enabled:false, label:"Twitter" },
      { enabled:true, label:"Google" }
   ]
};

for(var i=0; i<options.buttons; i++){
   if(options.buttons[i].enabled){
      $("<button />", {
          type: "button",
          class: "just some classes",
          text: options.buttons[i].label
      }).appendTo(".vsd-body");  
   }
}