将伪数组转为真正的数组
Posted li923
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了将伪数组转为真正的数组相关的知识，希望对你有一定的参考价值。
将伪数组转为真正的数组
2018.08.14 21:06:53字数 90阅读 2321
伪数组转为真数组
对DOM元素进行map、forEach操作时候需要进行遍历，伪数组遍历会报错：‘elem.map is not a function‘,为了避免这个问题，需要进行转换。
(1) ES5 转为真数组
Array.prototype.slice.call(元素对象)
let elem1 = Array.prototype.slice.call(elem)
(2) ES6 转为真数组
Array.from（元素对象）
let elem2 = Array.from(elem)
(3) 例子
<ul>
<li class="a" ></li>
<li class="a" ></li>
<li class="a" ></li>
<li class="a" ></li>
<li class="a" ></li>
</ul>
<script>
/* 获取li元素*/
let elem = document.getElementsByClassName(‘a‘)
/* 这样写是错误的,因为是伪数组*/
elem.map((item,index,elem) => {
console.log(item +‘---‘+index + ‘----‘+elem)
/*elem.map is not a function*/
})
// （1）es6 转为真数组
let elem1 = Array.from(elem)
// （2）es5 转为真数组
let elem2 = Array.prototype.slice.call(elem)
console.log(elem)
console.log(typeof elem)
console.log(elem1)
console.log(elem2)
elem1.map((item,index,elem1) => {
console.log(item +‘---‘+index + ‘----‘+elem1)
})
elem2.map((item,index,elem2) => {
console.log(item +‘---‘+index + ‘----‘+elem2)
})
</script>以上是关于将伪数组转为真正的数组的主要内容，如果未能解决你的问题，请参考以下文章
javascript中什么是伪数组？如何将伪数组转为标准数组？
在Javascript中什么是伪数组？如何将伪数组转化为标准数组？