Как найти группу элементов по dataset?

Question

[HitGirl]

Здравствуйте!
У меня на странице есть множество элементов с атрибутом data-value.
Например: data-value="11" или data-value="171";
Также есть массив: data_codes = [ 11, 16, 129, ...].
Подскажите, пожалуйста, есть ли более эффективный (быстрый) способ получения элементов (чей data-value равен одному из элементов массива) чем перебор data_codes и вызов для каждого элемента:

document.querySelector("[data-value = " +data_codes[i]+"]")

Answer 1

[Alex]

document.querySelectorAll(`[data-value = "11"], [data-value = "171"], ...`)

Ещё можно ограничить поиск конкретной частью страницы

const container = document.body.querySelector('#conteiner')
container.querySelectorAll(`[data-value = "11"], [data-value = "171"], ...`)

Answer 2

[Absolute138]

Подскажите, пожалуйста, есть ли более эффективный (быстрый) способ получения элементов (чей data-value равен одному из элементов массива) чем перебор data_codes и вызов для каждого элемента:

Более эффективный - не уверен. Есть просто другой способ:

let data_codes = [ 11, 16, 129];
let dataArr = data_codes.map(v=>`[data-value="${v}"]`);

document.querySelectorAll(dataArr).forEach(v=>{
  console.log(v.dataset.value)
});

Comments

[WapSter]

Боже что за говнокод, зачем тебе map потом тут же forEach достаточно было одного forEach

[HitGirl]

Почему это работает без join?

data_codes.map(v=>`[data-value="${v}"]`).join(", ");

[Absolute138]

WapSter, а из кода непонятно зачем мне map и forEach?
Критикуете - предлагайте!

[Absolute138]

HitGirl, можно передавать массив в querySelectorAll, потому и работает.