javascript - 在将数组元素转换为字符串时附加逗号

Question

能否请您看一下这个演示，让我知道如何在

的当前输出的数组元素之间附加 ,

p[data-st!=all]p[data-st!=men]p[data-st!=bi]

到

p[data-st!=all], p[data-st!=men], p[data-st!=bi]

var filters = ['all',null,'men','bi',null];
var text = '';
var i;
for (i = 0; i < filters.length; i++) { 
if(filters[i]!= null){
  text += "p[data-st!="+filters[i]+"]";
}
    
}
console.log(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 1

var filters = ['all',null,'men','bi',null];
var text = '';
var i;
for (i = 0; i < filters.length; i++) { 
if(filters[i]!= null){
  text += (i===0?"":", ") + "p[data-st!="+filters[i]+"]";
}
    
}
console.log(text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这也是另一个解决方案。您可以将每个 p 括号插入一个数组并加入它们。如果您不太担心内存和迭代。 Hear 是一个简洁易读的解决方案。如果您还不熟悉，它将向您介绍两种有用的数组方法。

function parseString(word)
{
  return `p[data-st!=${word}]`
}

var filters = ['all',null,'men','bi',null];
let text = filters
.filter(val => !!val)
.map(val => parseString(val))
.join(',');

console.log(text);