前端手写(九)——类数组转化为数组

x33g5p2x  于2022-03-31 转载在 其他  
字(0.7k)|赞(0)|评价(0)|浏览(433)

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

  1. <script>
  2. let divs = document.querySelectorAll('div')
  3. console.log(divs)
  4. console.log(Array.from(divs))
  5. </script>

2.2、使用call和apply

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

2.3、使用扩展运算符

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

2.4、使用concat

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

相关文章