nodeList轉array

説明

querySelectorAll() 呼叫的元素形式是 nodeList ,
所以不能直接在 JavaScript 做一般的運算。
但可以轉成 Array ,再去做運算。

方法一:Object Spread Operator

ES6 方法,簡潔的寫法

li Ian
li Afro
li Moko
const li=document.querySelectorAll("li");

//turn to array
const arr=[...li];
const fullNames=arr.map(name => name.textContent+" CHEN"); //提取出文字 + 後綴

console.log(fullNames);//["Ian CHEN", "Afro CHEN", "Moko CHEN"]

方法二 Array.from()

const li=document.querySelectorAll("li");

//turn to array
const arr2=Array.from(li);
const fullNames=arr2.map(name => name.textContent+" CHEN"); //提取出文字 + 後綴

console.log(fullNames);//["Ian CHEN", "Afro CHEN", "Moko CHEN"]

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *