类数组转化为数组

html

<div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div>8</div> <div>9</div> <div>10</div>

1、Array.from

let domArr = document.querySelectorAll('div') let arr = Array.from(domArr) console.log(arr) // (10) [div, div, div, div, div, div, div, div, div, div]

2、Array.prototype.slice.call()

let domArr = document.querySelectorAll('div') let arr = Array.prototype.slice.call(domArr) console.log(arr) // (10) [div, div, div, div, div, div, div, div, div, div]

3、扩展运算符

let domArr = document.querySelectorAll('div') let arr = [...domArr] console.log(arr) // (10) [div, div, div, div, div, div, div, div, div, div]

4、使用concat

let domArr = document.querySelectorAll('div') let arr = Array.prototype.concat.apply([], domArr) console.log(arr) // (10) [div, div, div, div, div, div, div, div, div, div]