使用apply的方法将伪数组转化为数组

最新推荐文章于 2024-07-11 13:43:44 发布

转载最新推荐文章于 2024-07-11 13:43:44 发布 · 91 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/mysmalldream/p/7022499.html

本文介绍了一种将JavaScript中的伪数组转换为标准数组的方法。利用Function.prototype.apply()方法结合Array.prototype.push()，可以轻松实现这一转换，并展示了如何对转换后的数组进行遍历操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js中好多DOM方法都是针对数组的,可是有时候我们会取得一些伪数组,此时要想操作伪数组,那就必须把伪数组转化为数组,以下通过apply( )的方法demo一个实例,以供大家参考(以下是部分代码):

</head>
<body>
<span>span</span> <span> span</span>

<p>ppp</p>
<span>span</span> <span> span</span>

<p>ppp</p>
<span>span</span> <span> span</span>

<p>ppp</p>
<script>
    function t(tagName,context){
        context=context||document;
        return context.getElementsByTagName(tagName);
    }
   var spans= t('span' );
    console.log ( spans );//伪数组
    var arr=[];  //声明一个新数组
    arr.push.apply(arr,spans);   //使用apply的第二个参数是一个数组(伪数组)的方法,将其转化成数组.
    console.log ( arr ); //数组
    arr.forEach(function (v,i){
        v.style.border='1px solid red';  //使用数组等的方法简单的添加了一个样式
    })


</script>

结果为:

转载于:https://www.cnblogs.com/mysmalldream/p/7022499.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30618985

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Array.prototype.slice.apply的使用方法

09-05

例如，我们可以尝试将 `getElementsByTagName('div')` 返回的元素集合转换为数组： ```javascript var divs = Array.prototype.slice.apply(document.getElementsByTagName('div')); ``` 不过需要注意的是，这种...

JavaScript 批量创建数组的方法

10-20

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

参与评论您还未登录，请先登录后发表或查看评论

真伪数组的转化及apply/call/slice方法

Cao_Mary的博客

06-12

413

此篇文章前半部分都在介绍真伪数组转换的涉及的相关js方法，原理。想要直接看真伪数组转化的具体方法可以直接看文章的最后一节“总结真伪数组的转换”。补充this的含义： this：谁调用就是谁例如： function test() { console.log(this);//打印window。this是谁调用就是谁.此时this是window } test(); js的apply与ca...

JavaScript中的call(),apply(),伪数组转化为数组

yangaoyuan1999的博客

10-29

669

js的执行模式： 1.一种是正常模式，第二种是严格模式，现在一般都采用正常模式正常模式： function f1(){ console.log(this); } f1(); // window window.f1();//window 严格模式： "use strict"; function f1(){ console.log(this); } f1(); //undefined wi

伪数组转数组,apply&slice方法将类似数组的对象转换成数组

gogopaner的博客

07-04

380

apply&slice方法将类似数组的对象转换成数组 // 利用数组对象的slice方法，可以将一个类似数组的对象（比如arguments对象）转为真正的数组。 Array.prototype.slice.apply({0: 1, length: 1}) // [1] Array.prototype.slice.apply({0: 1}) // [] Array.prototype.slice.apply({0: 1, length: 2}) // [1, undefined] A

js 类数组对象和arguments

anmingu6411的博客

11-08

365

1.类数组对象 a.定义 let arrayLike = { 　　0: 'name', 　　1: 'age', 　　2: 'sex', 　　length: 3 } b.调用数组方法 Array.prototype.join.call(arrayLike , '&') Array.prototype.slice.call(arrayLike , 0) Arra...

JS中call()方法和apply()方法二维数组降维，arguments类数组对象转为数组

Soler_lia的博客

05-15

667

练习：写一个 function，传入两个或两个以上的数组，返回一个以给定的原始数组排序的不包含重复值的新数组。首先，fn参数个数未定，因此需使用函数参数的类数组对象arguments，然后将其转为数组。此二维数组的每个参数都是函数的实参，对其降维为一维数组，之后再使用ES6的Set对象去重。function unite(arr1, arr2, arr3){ return Array.from(ne...

伪数组转换成真数组的方法

dhhdvhdjdn的博客

07-11

441

方法四：使用concat进行数组拼接。方法二：使用for in。方法一：使用for循环。方法三：使用apply。

将伪数组转换为数组的 N 种方案

web前端开发

11-02

150

来源 |http://www.fly63.com/article/detial/9787今天面试了一个人，居然不知道如何将伪数组转换为数组？什么是伪数组？有 length 属性，而且也...

伪数组转换为数组的方法

Mahuicool的博客

01-25

2658

一、创建一个新数组，遍历这个伪数组，并将其每一项添加到新数组中。 var ul=document.getElementsByTagName("li"); var newArr=[]; for(var i=0;i<ul.length;i++){ newArr.push(ul[i]); } console.log(newArr) 二、借用...

开启Javascript中apply、call、bind的用法之旅模式

10-23

- 伪数组使用数组方法：可以使用Array.prototype.slice.call()将类数组对象（如NodeList）转换为真正的数组对象，之后就可以使用数组的所有方法，例如push、pop、forEach等。总结来说，apply、call和bind是...

假数组变真数组

08-05

ES6 引入了扩展运算符，也可以用于将伪数组转换为数组，前提是该对象是可迭代的（如 `NodeList`）： ```javascript var pseudoArray = document.querySelectorAll("span"); var realArray = [...pseudoArray]; ``` ...

sshguard-firewalld-2.4.2-6.el8.tar.gz

08-16

# 适用操作系统：Centos8 # Step1、解压 tar -zxvf xxx.el8.tar.gz # Step2、进入解压后的目录，执行安装 sudo rpm -ivh *.rpm

Wecon PLC 代码自动化代码

08-16

Wecon PLC 代码

【加密货币预测】基于BP神经网络的CCi30指数短期预测模型构建与优化：特征工程增强及模型评估

08-16

内容概要：本文针对国内加密货币市场预测研究较少的现状，采用BP神经网络构建了CCi30指数预测模型。研究选取2018年3月1日至2019年3月26日共391天的数据作为样本，通过“试凑法”确定最优隐结点数目，建立三层BP神经网络模型对CCi30指数收盘价进行预测。论文详细介绍了数据预处理、模型构建、训练及评估过程，包括数据归一化、特征工程、模型架构设计（如输入层、隐藏层、输出层）、模型编译与训练、模型评估（如RMSE、MAE计算）以及结果可视化。研究表明，该模型在短期内能较准确地预测指数变化趋势。此外，文章还讨论了隐层节点数的优化方法及其对预测性能的影响，并提出了若干改进建议，如引入更多技术指标、优化模型架构、尝试其他时序模型等。适合人群：对加密货币市场预测感兴趣的研究人员、投资者及具备一定编程基础的数据分析师。使用场景及目标：①为加密货币市场投资者提供一种新的预测工具和方法；②帮助研究人员理解BP神经网络在时间序列预测中的应用；③为后续研究提供改进方向，如数据增强、模型优化、特征工程等。其他说明：尽管该模型在短期内表现出良好的预测性能，但仍存在一定局限性，如样本量较小、未考虑外部因素影响等。因此，在实际应用中需谨慎对待模型预测结果，并结合其他分析工具共同决策。

球面纳米压痕应力-应变分析.zip