javascript - 函数包含在javascript中

Question

我想在拆分后在字符串上获得相同的值

如果我有数字(作为字符串):1,6,18,2 并且我使用 .includes 我得到如下所示的输出:1,2,6,8,18

我怎样才能得到相同的字符串 -> 1,2,6,18

这是我在 js 中的代码:

trHTML = '';    
total = 20; 
var antrian = $('#antrian').val(); // 1,6,18,2

for(i = 1; i <= total; i++){
   if(antrian.includes(i)){
     trHTML += <button style="background-color: gray;"> '+ i +'</button>';
   } else {
     trHTML += <button style="background-color: red;"> '+ i +'</button>';  
   }
}

从那个代码我得到了带有数字的按钮输出按钮，如果我 consol.log(trHTML) 输出是 1,2,6,18 但输出为 HTML是灰色按钮1,2,6,8,18 其他是红色按钮

如何获得带有数字 1,2,6,18 或与 console.log(trHTML) 相同的灰色按钮？

有人可以帮助我或给我举个例子吗？

Answer 1

之所以在1,6,18,2中包含8，是因为字符串中有一个8。一种选择是使用 split()

使 antrian 成为一个数组

var trHTML = '';    //Add var
var total = 20;     //Add var
var antrian = $('#antrian').val().split(","); //Add split() - this will return to [1,6,18,2]

for(var i = 1; i <= total; i++){ //Add var on i
   if(antrian.includes(i.toString())){
     trHTML += '<button style="background-color: gray;"> '+ i +'</button>';
   } else {
     trHTML += '<button style="background-color: red;"> '+ i +'</button>';  
   }
}