将伪数组转换成真正的数组案例

最新推荐文章于 2022-11-27 19:37:51 发布
最新推荐文章于 2022-11-27 19:37:51 发布
阅读量920 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44389107/article/details/86021366
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <button id="btn">点我</button>
    <p>这是一个p</p>
    <p>这是一个p</p>
    <p>这是一个p</p>
    <p>这是一个p</p>
    <p>这是一个p</p>
    <script>
        var pObj =  document.getElementsByTagName("p"); //通过标签名获取的元素 , 返回的是伪数组
        console.log(pObj.length); //  能用数组的属性
        console.log(typeof pObj);// object
        console.log(pObj[0]);
        var args = Array.prototype.slice.call(pObj);//将为数组转化为真正的数组
        console.log(args.push("2"));// 不能用数组的方法
        console.log(args);
        var btn = document.getElementById("btn");
        btn.onclick = function () {
            var pObj =  document.getElementsByTagName("p");//通过标签名获取的元素
            console.log(pObj);
            //pObj[0].innerText = "p被修改了"
            for(var i = 0; i < pObj.length; i++){
                pObj[i].innerText = "p被修改了";
            }
        }
        
    </script>
</body>
</html>

 总结: * 1. 本质是对象. * 2.具有数组的属性 * 3.不具有数组的方法 * 4. 可以按照索引的方式来储存数据 (arguments也是返回的伪数组) * 5. 伪数组不能调用DOM对象的方法或者是属性 

weixin_44389107
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS Array.from()将伪数组转换成数组的方法示例
11-21
Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 let arrayLike = { "0": "a", "1": "b", "2": "c", "length": 3 } 像上面的 arrayLike 对象，有 length 属性，key 也是有序序列。 所以可以遍历，也可以查询长度。但却不能调用数组的方法。比如 push、pop 等方法。 在 ES6 之前，还有一个常见的伪数组：arguments。 arguments 看上
基于vc的伪彩色增强
04-25
在计算机视觉和图像处理领域，伪彩色增强是一种技术，它用于将灰度图像转换成多彩图像，以便于观察和分析。这种技术尤其适用于黑白图像或者低对比度图像，通过赋予不同灰度级不同的颜色，可以使得图像的细节更加鲜明...
伪数组与伪数组转化为数组
djnbyop503315的博客
04-08 125
伪数组不是数组，但是类似！ 具有以下特点的是伪数组： 1. 具有length属性 2. 按索引方式存储数据 3. 不具有数组的push,pop等方法 把伪数组转化为数组的方法： function falseArrayToArray(falseA) { return Array.prototype.slice.call(falseA); //retu...
伪数组转数组方法（原生4种）
Q18210994339的博客
01-13 470
伪数组也称类数组。像arguments 或者 获取一组元素返回的集合都是伪数组。 伪数组如何转换成真正数组，其实我们很少去这么做，但是那帮面试官可能会问，并且不止一种方法让你去实现 方法一、 声明一个空数组，通过遍历伪数组把它们重新添加到新的数组中，大家都会，这不是面试官要的 1 var aLi = document.querySelectorAll('li'); 2 ...
伪数组转换数组的方法
zyj12138的博客
06-01 422
假设array为伪数组 1.let newArray = [].prototype.slice.call(array)或者 let newArray = Array.prototype.clice.call(array) 2.let newArray = […array] 3.let newArray = Array.from(array)
如何将伪数组转换成真正的数组
weixin_30302609的博客
12-16 182
1.常见的伪数组有哪些？ arguments、通过document.getElements..获取到的内容 2.伪数组有什么特点？ 具有length属性，也是一个一个的元素组成的，但是构造器不是Array，不能使用数组的方法 3.转换为真正的数组的方法： 通过遍历将伪数组里元素放入到一个新的数组里 通过call改变数组slice方法里的this指向 因为我...
H5前端实战案例_前端开发_To-Do-List设计（css+js）.rar
10-30
- `Array.from()`：将类似数组的对象转换为真正的数组，方便进行数组操作。 - `forEach()`：遍历数组，对每个元素执行指定的操作。 4. **JavaScript 逻辑**： - 当用户在输入框中输入内容并点击按钮时，...
新技术培训 培训讲义17_十二生肖伪3D圆运动课堂案例.doc
07-14
这篇新技术培训讲义17的主题聚焦于"十二生肖伪3D圆运动课堂案例"，它是一种利用计算机图形学和编程技巧模拟3D效果的技术。在实际应用中，这种技术常见于广告设计、游戏开发等领域，可以创建出动态、立体感强烈的视觉...
伪彩色处理（灰度图变彩色图像）
04-23
在IT领域，伪彩色处理是一种将灰度图像转化为彩色图像的技术，主要应用于视觉效果的增强或者...在这个案例中，一系列的源代码文件和DLL可能实现了特定的图像处理流程，最终将灰度图像转换为具有视觉吸引力的彩色图像。
Java案例之随机验证码功能实现实例
08-30
"Java案例之随机验证码功能实现实例" 该资源主要介绍了Java实现随机验证码功能的实例，通过生成四位不重复的验证码，演示了Java中数组、Random函数和字符串操作的使用。 知识点一：数组 * 数组的定义：在Java中，...
JS之怎么让伪数组转成真数组？？
kikikiuu的博客
04-13 320
举个栗子????： var obj = { 0: '王源', 1: '易烊千玺', 2: '王俊凯', length: 3 }; 我的这个伪数组，需要怎样才能转换成真数组呢？？？ 其实是可以用到数组里面的slice属性， slice属性有什么用处呢？提取字符串的某个部分，并且以新的字符串返回被提取的部分 slice的语法：...
如何将伪数组转换成数组
diligentcat的专栏
08-30 2016
如何将伪数组转换成数组   如何将伪数组转换成数组？这里把符合以下条件的对象称为伪数组 1，具有length属性 2，按索引方式存储数据 3，不具有数组的push,pop等方法 如 1，function内的arguments 。 2，通过d
伪数组转数组
weixin_45695922的博客
12-11 185
伪数组转数组 方法一 声明一个空数组,通过遍历伪数组将元素添加到新数组中 let arrli = document.querySelectorAll('li') let arr = [] for(let i = 0;i<arrli.length;i++){ arr[arr.length] = arrli[i] } 方法二 使用数组方法slice()或map()或filter(),结...
将伪数组转换为数组的 N 种方案
Isabeldeng的博客
11-02 151
什么是伪数组？ 有 length 属性，而且也是数值下标的对象。不具备 Array.prototype 上的方法。 常见的伪数组 arguments document.getElementsByClassName $(‘div’) 1.使用 Array.from （ES6+）（babel-polyfill） 2.使用 … 展开运算符（ES6+）（babel） 3.使用 slice 和 call 的方案 arr = Array.prototype.slice.call(arguments) arr = Arr
伪数组转换为数组的方法
Mahuicool的博客
01-25 2593
一、创建一个新数组，遍历这个伪数组，并将其每一项添加到新数组中。 var ul=document.getElementsByTagName("li"); var newArr=[]; for(var i=0;i&lt;ul.length;i++){ newArr.push(ul[i]); } console.log(newArr) 二、借用...
【JS】Array.from() 将伪数组转换成数组
weixin_39415598的博客
02-26 573
微信订阅号：Rabbit_svip Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 let arrayLike = { "0": "a", "1": "b", "2": "c", "length"...
伪数组转数组的几种方法
分享互联网的有趣知识~
04-07 2501
js中常见的伪数组、类数组 ： 节点对象集合 arguments(function) 这类数组看似是一个数组，拥有length长度，但实质上与数组不同，没有数组内置的API方法。 可以通过以下的几种方法将伪数组转换为数组。 方法一：使用数组的原型，用slice方法构建成一个新的数组保存。 方法二：使用数组对象的方式构建数组 方法三：通过字符串创建一个数组，通过拥有length属性的对象或可迭代的对象来返回数组 *交换数组内值的位置 构建一个数组，数组内的值以乱序排列，使用.
什么是伪数组 以及伪数组转真数组的方法
最新发布
Tsailing666的博客
11-27 3769
伪数组 转真数组的方法
【JS】伪数组转数组
qq_45677671的博客
06-07 599
伪数组是不能使用数组方法的，那如果我们需要使用数据方法，就得先将伪数组转换成真数组。那js 中如果将伪数组转换成数组呢？这里列举几个常用的方法。
C语言指针数组与指向指针的指针解析
在C语言编程中，我们通常会先用伪代码或流程图设计算法，然后再将其转换成具体的C语言代码。 3.1 数据类型 C语言中，数据类型定义了变量可以存储的值的种类。基本数据类型包括整型（int）、实型（float/double）、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值