JavaScriptでNodeリストを配列に変換する方法

2024-02-14 19:13 JavaScript 配列 Nodeリスト
  1. Array.from()メソッドを使用する方法:
const nodeList = document.querySelectorAll('selector'); // Nodeリストの取得
const array = Array.from(nodeList); // 配列に変換
console.log(array);
  1. Spread演算子を使用する方法:
const nodeList = document.querySelectorAll('selector'); // Nodeリストの取得
const array = [...nodeList]; // 配列に変換
console.log(array);
  1. forEachメソッドを使用する方法:
const nodeList = document.querySelectorAll('selector'); // Nodeリストの取得
const array = [];
nodeList.forEach(node => array.push(node)); // 配列に変換
console.log(array);
  1. Array.prototype.slice.call()を使用する方法:
const nodeList = document.querySelectorAll('selector'); // Nodeリストの取得
const array = Array.prototype.slice.call(nodeList); // 配列に変換
console.log(array);

これらの方法を使用することで、Nodeリストを配列に変換することができます。適用する方法は、使用しているプロジェクトや個々の要件によって異なる場合があります。使用する方法を選択する際には、プロジェクトの互換性やパフォーマンスの観点からも考慮してください。