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

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

一、写在前面
数组对于前端的重要性,就不用说了,因为我们可以将很多其他数据类型转化为数组,利用数组中的很多方法就行解决问题。下面我们将总结一下将类数组转化为数组的方法。
二、具体方法
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)

相关文章