javascript - Queryselector 删除多余的逗号分隔的项目列表

Question

querySelector 有分组功能吗？目前我必须列出我想要匹配的所有输入类型，这会导致像这样的冗余字符串:

form.querySelectorAll('input[type=text], input[type=password], input[type=email], input[type=number]')

有没有一种方法可以删除冗余，使其看起来像这样:

form.querySelectorAll('input[type={text,password,email,number}]')

Answer 1

没有可以做到这一点的内置方法，但是很容易构建您自己的函数来构建这样的查询字符串，从而允许您编写更多的 DRY 代码:

const makeQuery = types => types.map(type => `input[type="${type}"]`).join(', ');
console.log(makeQuery(['text', 'password', 'email', 'number']))