塩焼きブログ

塩焼きに関しての研究内容を公開しています

JavaScriptでquerySelectorAllの結果をarrayで扱う

検索結果の最上位ページが少し分かりづらかったのでこちらは答えを先に。またこの記事は常に最新になるよう編集の努力をしていきたいなあと思います。

querySelectorAllの結果をforEachに渡したい

Array.prototype.forEach.call(document.querySelectorAll('a'), function(a) {
  console.log(a.href);
});

querySelectorAllの結果をmapに渡したい

var result = array.prototype.map.call(document.querySelectorAll('a'), function(it) { return it.href; });
console.log(result);

querySelectorAllの結果をsliceに渡したい

var array = Array.prototype.slice.call(document.querySelectorAll('a'), 0);
array.forEach(function(it) {
  console.log(it.href);
});