类数组转化成数组的方法

小咪咪 2022-10-01 04:56 171阅读 0赞

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

1.  Array.prototype.slice.call()/\[\].prototype.slice.call()

> 使用条件

//部署了 Iterator 接口的类数组对象
    var divs = document.querySeletorAll('div')
    var divsArr = Array.prototype.slice.call('divs')
    //类数组对象
    let arrayLike = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
    };
    var realArr = Array.from(arrayLike) // [a,b,c]
    复制代码

1.  Array.from()

> 使用条件：类数组对象 和 部署了 Iterator 接口的对象

//部署了 Iterator 接口的类数组对象
    function transformToArr(a,b,c){
        var argArr = Array.from(arguments)
        console.log(argArr)
    }
    transformToArr(1,2,3) //[1,2,3]
    //没有部署 Iterator 接口的类数组对象
    let arrayLike = {
        '0': 'a',
        '1': 'b',
        '2': 'c',
        length: 3
    };
    var realArr = Array.from(arrayLike) // [a,b,c]
    //没有部署 Iterator 接口的对象
    var arrayLike2 = {
        '0': 'a',
        '1': 'b',
        '2': 'c'
    };
    var realArr1 = Array.from(arrayLike2) // []
    复制代码

1.  \[...likeArray\]

> 使用条件：部署了 Iterator 接口的类似数组的对象

var likeArray = document.getElementsByTagName('div')
    var realArray = [...likeArray]
    console.log(realArray)
    复制代码

*  数组的filter方法
 *  textContent属性表示啥
 *  字符串转换成数组的方法
 *  Array.from('hello') // \['h', 'e', 'l', 'l', 'o'\] \[...'hell'\]// \["h", "e", "l", "l"\]

转载于:https://juejin.im/post/5cb062226fb9a068967796a1

发表评论取消回复

表情：

评论列表（有 0 条评论，171人围观）

还没有评论，来说两句吧...

相关阅读

相关【稀疏数组】二维数组和稀疏数组的相互转化

文章目录一：为什么会使用稀疏数组 1.1 先看一个实际的需求 1.2 基本介绍 1.2.1 稀疏数组的处理方法

浅浅的花香味﹌/ 2024年03月23日 21:30/ 0 赞/ 105 阅读

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

开发过程中，有很多时候获取到的是类似数组的对象。比如元素的集合（elementcollection,nodeList，以及今天开发时发现classList也是类数组）。有时我们

朱雀/ 2023年08月17日 15:29/ 0 赞/ 116 阅读

相关 js 类数组转成真正的数组的方法

一、类数组与数组的区别相同点： > 都有 length 属性，都可以用下标访问每一个元素不同点： > 数组的类型是 Array ，类数组的类似是 Object

╰半夏微凉°/ 2022年11月17日 05:25/ 0 赞/ 153 阅读

相关类数组转化成数组的方法

类数组转换为数组的方法 1. Array.prototype.slice.call()/\[\].prototype.slice.call() > 使用条件

小咪咪/ 2022年10月01日 04:56/ 0 赞/ 172 阅读

相关数组和数组转化

import java.lang.reflect.Array; import java.util.Date; public class TestCast \{

以你之姓@/ 2022年08月27日 12:40/ 0 赞/ 206 阅读

相关数组将序列包含序列转化成二维的数组，序列包含序列包含序列转化成三维数组等等

数组将序列包含序列转化成二维的数组，序列包含序列包含序列转化成三维数组等等。 >>> b = array( \[ (1.5,2,3), (4,5,6) \] ) >>>

女爷i/ 2022年07月13日 12:11/ 0 赞/ 139 阅读

相关整数数组转换成字符串，字符串转化成整数数组，java语言实现

将字符串转换成整数数组。 public static int[] stringFormatInteger(String s) { int len=s

Love The Way You Lie/ 2022年05月26日 04:40/ 0 赞/ 257 阅读

相关 JavaScript类数组（push值和转换成数组）

1.类数组push值类数组对象：只包含使用从零开始，且自然递增的整数做键名，并且定义了length表示元素个数的对象，我们就认为他是类数组对象！所以给出定义： 1.

太过爱你忘了你带给我的痛/ 2022年02月25日 08:42/ 0 赞/ 273 阅读

相关 js 数组的slice方法可以将类数组对象转化为数组

NodeList、arguments等类数组对象除了可以通过Array.from(NodeList)的方法转化为数组外，还可以通过Array.prototype.slice.c

一时失言乱红尘/ 2021年12月19日 15:37/ 0 赞/ 275 阅读

相关 js类数组转成数组的方法

类数组对象所谓的类数组对象，JavaScript对它们定义为：它们看起来很像数组，只是具有部分和数组相同特性：拥有length属性元素保存在对象中，可以通

傷城~/ 2021年12月05日 13:27/ 0 赞/ 307 阅读