arguments是数组吗？（js）

100 阅读 0 评论 66 点赞

我是靠谱客的博主粗暴白羊，最近开发中收集的这篇文章主要介绍arguments是数组吗？（js），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

arguments不是数组，是类数组对象。

function fun(a, b, c, d, e) {
      console.log(arguments)
      console.log('arguments的类型是:', typeof (arguments)) // object
      console.log('arguments的类型是1:', arguments instanceof Array) // false
      console.log('arguments的长度:', arguments.length) // 5
      console.log(arguments.slice(0, 1)) // Uncaught TypeError: arguments.slice is not a function
}
 fun(1, 2, 'a', 'y', 5)

在这里插入图片描述

类数组是什么？

类数组是指在写法上跟数组一样，但是类数组的原型是个对象，类数组不能使用数组的方式。

类数组变为数组的方法：

 let newArguments = Array.prototype.slice.call(arguments)
 console.log(newArguments)

在这里插入图片描述
类似的案例还有：

document.getElementsByClassName(’’)

/*html*/
<ul>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
  </ul>
  /*js*/
const liList = document.getElementsByClassName('li-item')
console.log(liList)
const liArr = Array.prototype.slice.call(liList)
console.log(liArr)

在这里插入图片描述
2. document.getElementsByTagName(’’)

/*html*/
 <ul>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
    <li class="li-item"></li>
  </ul>
  /*js*/
  <script type="text/javascript">
    const liList = document.getElementsByTagName('li')
    console.log(liList)
    const liArr = Array.prototype.slice.call(liList)
    console.log(liArr)
    </script>

在这里插入图片描述