将类数组转换为数组的方法

Posted zhangyue690811

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了将类数组转换为数组的方法相关的知识,希望对你有一定的参考价值。

<script>
var wrap= document.getElementsByClassName(‘wrap‘)[0];
var wrapChildren = wrap.getElementsByTagName(‘div‘);
console.log(wrapChildren); //htmlCollection(4) [div, div, div, div]
/*
用原生js获取的元素级 elementcollection,nodeList
是一个类数组
*/

/*定义一个空数组,然后push*/
/*let arr = [];
for(let item of wrapChildren){
arr.push(item);
}
console.log(arr);
*/

/*Array.from 类数组-->数组*/
/*
var trueArray = Array.from(wrapChildren);
console.log(trueArray);
*/

/*...运算符*/
/*
var trueArray = [...wrapChildren];
console.log(trueArray);
*/

/*apply的第二个参数可以是数组,也可以是类数组*/
/*
var trueArray = [].concat.apply([],wrapChildren);
console.log(trueArray);
*/

var trueArray = Array.prototype.slice.call(wrapChildren);
console.log(trueArray);
</script>

以上是关于将类数组转换为数组的方法的主要内容,如果未能解决你的问题,请参考以下文章

Array.prototype.slice.call()为什么能将类数组转换为数组

Array.from将类对象转换为真正数组

javascript 将类数组对象转换为数组

Unity C#:如何将类的数组转换为 JSON [重复]

将类隐式转换为 int 的正确方法是啥?

数组的扩展