一、写在前面
数组对于前端的重要性,就不用说了,因为我们可以将很多其他数据类型转化为数组,利用数组中的很多方法就行解决问题。下面我们将总结一下将类数组转化为数组的方法。
二、具体方法
2.1、使用Array.from

  <script>
    let divs = document.querySelectorAll('div')
    console.log(divs)
    console.log(Array.from(divs))
  </script>

2.2、使用call和apply

function func() {
  console.log(arguments) //[Arguments] { '0': 1, '1': 2, '2': 3, '3': 4, '4': 5 }
  let res = Array.prototype.splice.call(arguments, 1)
  console.log(res)
}

func(1, 2, 3, 4, 5)

2.3、使用扩展运算符

function func() {
  console.log(arguments) //[Arguments] { '0': 1, '1': 2, '2': 3, '3': 4, '4': 5 }
  console.log([...arguments]) //[ 1, 2, 3, 4, 5 ]
}

func(1, 2, 3, 4, 5)

2.4、使用concat

function func() {
  console.log(arguments)
  let res = Array.prototype.concat.apply([], arguments)
  console.log(res) //[1,2,3,4,5,6]
}

func(1, 2, 3, 4, 5, 6)
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐