`

js将伪数组转换为标准数组的多种方法

阅读更多

在js中,数组是特殊的对象,凡是对象有的性质,数组都有,数组表示有序数据的集合,而对象表示无序数据的集合。

那伪数组是什么呢,当然它也是对象,伪数组一般具有以下特点:

  • 按索引方式存储数据;
  • 具有length属性;
  • 没有数组的push、shift、pop等方法;

function的arguments对象,还有getElementsByTagName、ele.childNodes等返回的NodeList对象,或者自定义的某些对象,这些都可以是伪数组。

我们可以通过以下几种方式将伪数组转换为标准数组:

  1. 使用Array.prototype.slice.call();
    Array.prototype.slice.call({
     0:"likeke",
     1:12,
     2:true,
     length:3
    });
    //["likeke", 12, true]
  2.  使用[].slice.call(),了解js原型链的都知道,实际上这种方法和第一中方法是一样的,但上面第一种方式相对效率更高。
    [].slice.call({
     0:"likeke",
     1:12,
     2:true,
     length:3
    });
    //["likeke", 12, true]
  3. 使用ES6中Array.from方法;
    Array.from({
     0:"lk",
     1:12,
     2:2014,
     3:"长安大学",
     length:4
    });
    //["lk", 12, 2014, "长安大学"]
1
3
分享到:
评论

相关推荐

    JS Array.from()将伪数组转换成数组的方法示例

    随着ES6的引入,`Array.from()`方法为伪数组转换提供了一种更简洁、更通用的解决方案。使用`Array.from()`: ```javascript function doSomething () { let args = Array.from(arguments); console.log(args); } ...

    js中将HTMLCollection NodeList 伪数组转换成数组的代码.docx

    ### JavaScript中将HTMLCollection、NodeList及伪数组转换为真数组的方法 在JavaScript开发过程中,经常需要处理DOM操作,这通常涉及到对`HTMLCollection`、`NodeList`以及所谓的“伪数组”进行操作。这些对象虽然...

    js中将HTMLCollection/NodeList/伪数组转换成数组的代码

    在JavaScript中,我们经常会遇到需要将HTMLCollection、NodeList或者伪数组(也就是通常所说的类数组对象)转换成真正的数组的情况。类数组对象并不是真正的数组类型,它们通常是函数的参数对象(比如arguments对象...

    javascript 伪数组实现方法

    这篇文章来回答javascript通用循环遍历方法forEach中最后提到的关于伪数组的问题。 什么是伪数组 能通过Array.prototype.slice转换为真正的数组的带有length属性的对象。 这种对象有很多,比较特别的是arguments对象...

    JavaScript伪数组用法实例分析

    4. 如何将伪数组转化为标准数组:虽然不能直接转换,但可以通过Array.prototype上的方法转换。常见的方法是使用Array.prototype.slice.call方法。这个方法的作用是利用call方法调用slice方法,将slice方法的this指向...

    将HTMLCollection/NodeList/伪数组转换成数组的实现方法

    为了将这些伪数组转换为真正的数组,我们可以利用JavaScript的`Array.prototype.slice`方法。这个方法能够接受一个可迭代对象(如数组)并返回一个新的数组副本,但对HTMLCollection和NodeList来说,直接调用`slice`...

    【JavaScript源代码】javascript类数组的深入理解.docx

    JavaScript中的类数组对象,也称为伪数组,是与标准数组类似但不完全符合数组特性的对象。它们在结构上相似,具有`length`属性,可以使用`for`循环进行遍历,但不拥有数组的内置方法,比如`push`, `slice`, `concat`...

    js基础数组笔记.docx

    - **join**:将数组转换为字符串,元素之间通过指定的分隔符连接。 ```javascript var str = arr.join('-'); // 结果为"1-2-3-4" ``` - **reverse**:反转数组元素的顺序。 ```javascript arr.reverse(); // ...

    Javascript之高级数组API的使用实例

    接下来,我们来看一下如何将字符串数组转换为特定的分隔符格式,比如“刘备|张飞|关羽”。在这个例子中,我们有两种方法可以实现:一种是手动拼接字符串,另一种是利用Array.join()方法。join()方法是数组的内置API...

    JS随即打乱数组实现代码

    4. **数组转换为字符串** - 打乱后的数组可以转换为字符串方便显示。通过调用数组的`join`方法并传入空字符串作为参数,可以将数组的每个元素拼接成一个由逗号分隔的字符串。 5. **显示结果** - 为了验证数组是否...

    JavaScript 批量创建数组的方法

    这种方法通过字符串的`join`方法生成一个由逗号分隔的长字符串,然后使用`split`将其转换为数组。然而,由于涉及字符串操作,这种方法在性能上并不理想,特别是当使用`map`进行值赋值时。如果去掉`map`,性能会显著...

    对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)

    例如,下面的代码尝试将一个数组转换为一个对象,并使用`Array.prototype.push.apply()`方法将数组的元素添加到对象中: ```javascript var ary = ['one', 'two', 'three']; var obj = {}; // 没有length属性 Array...

    json转js数组-分页-动态生成html-样式引入

    要将其转换为JS数组,我们可以使用`JSON.parse()`方法: ```javascript var jsonString = '{"users":[{"name":"张三","age":25},{"name":"李四","age":30}]}'; var jsonObject = JSON.parse(jsonString); var js...

    javascript转换字符串为dom对象(字符串动态创建dom).docx

    那么,今天的目的就是教大家怎么去实现一个这样的方法用来把字符串直接转换为标准的 DOM 对象。 实现这样的一个转换是很简洁的,这里主要是利用了一个属性 `innerHTML`。`innerHTML` 不是 W3C 标准,是由 IE 创造...

    JavaScript常用脚本汇总(二)

    把JavaScript中的伪数组转换为真数组 在 JavaScript 中, 函数中的隐藏变量 arguments 和用 getElementsByTagName 获得的元素集合(NodeList)都不是真正的数组,不能使用 push 等方法,在有这种需要的时候只能先...

    javascript文档

    getTimezoneOffset 方法 返回主机的时间和全球标准时间(UTC)之间的差(以分钟为单位)。 getUTCDate 方法 使用全球标准时间(UTC)返回 Date 对象的日期值。 getUTCDay 方法 使用全球标准时间(UTC)返回 Date ...

    微软JavaScript手册

    getTimezoneOffset 方法 返回主机的时间和全球标准时间(UTC)之间的差(以分钟为单位)。 getUTCDate 方法 使用全球标准时间(UTC)返回 Date 对象的日期值。 getUTCDay 方法 使用全球标准时间(UTC)返回 Date ...

Global site tag (gtag.js) - Google Analytics