解决类数组使用数组的方法

最新推荐文章于 2022-03-01 21:48:50 发布
最新推荐文章于 2022-03-01 21:48:50 发布
阅读量671 收藏 2
点赞数 1
分类专栏： js高级进阶 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40231451/article/details/119934792
版权
本文探讨如何使类数组对象具备数组方法，包括通过转化、赋值和使用call改变this来实现。举例介绍了如何使用forEach方法，并展示了利用方法二为类数组对象添加push方法的应用。
摘要由CSDN通过智能技术生成

文章目录

前言

鸭子类型：长得像鸭子但是没有鸭子的方法，就想让鸭子具备这个方法
类数组：结构很像数组但是不是Array的实例，所以无法使用Array.prototype上的方法，而我们期望它可以使用这些方法，这就需要函数借用

//获取一个类数组
let elements = document.getElementsByTagName('*')
conosle.log(elements)

在这里插入图片描述
假如想使用forEach方法 可以有以下几种方法

方法一、把其转化为数组

在这里插入图片描述

Array.from(elements).
最低0.47元/天 解锁文章
qq_40231451
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
类数组调用数组方法(鸭子类型)
Donnien的博客
06-26 348
/* * 鸭子类型：长得像鸭子，就想让期具备鸭子的方法 * 类数组「还有类Promise...」结构很像数组，但是不是Array的实例，所以无法直接调用Array.prototype上的方法，而我们期望他可以使用这些方法的，这样就需要函数借用 */ // let elements = document.getElementsByTagName('*'); // 它是HTMLCollection集合/实例「类数组集合」，不能直接使用数组的办法，如果想使用数据的办法？ // 前提条件：类数组结构和数
JavaScript数组问题解决的多种方法
12-11
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 这个是数组的实现方法 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 高手支招 如果我完成类似功能，我不会选择数组； [Ctrl+A 全选 注:如需引入外部Js需刷新...
数组与类数组以及在类数组对象使用数组的方法
Ashy- 在这里成长
05-29 2016
如何在类数组中使用数组的方法？ 这里记点笔记，仅供学习参考。 文章目录判定数组1. Array.isArray( )2. instanceof 操作符3. 检测类属性数组类数组类数组对象使用数组方法总结 判定数组 1. Array.isArray( ) 给定一个未知的对象，判断它是否为数组？ 我们通常用数组的一些特性来进行判断。在ES5中，可以使用 Array.isArray()函数来做这件事： Array.isArray([]); // true Array.isArray({}); //
关于在类数组中使用数组方法
weixin_33810006的博客
12-04 1796
类数组是指具有数字索引下标并且有length属性的对象 {'1': 'a', '2': 'b', length: 3} 复制代码由于它们并不是真正的数组并不能使用数组的方法；那么有什么方法可以让他们用上方便的数组方法呢？ 借助call和apply (function() { Array.prototype.push.call(arguments, 4) console.log(ar...
类数组集合调用数组方法
weixin_30367945的博客
09-03 311
JavaScript DOM操作，getElementsByName() 和 getElementsByTagName() 都会返回NodeList对象，而类似document.images和document.forms返回的是HTMLCollection对象 两者区别：HTMLCollection对象可以通过name属性访问元素，但是不推荐在表单之外的其他标签里使用 类数组集合有lengt...
类数组使用数组方法
我的博客简介
12-08 369
function fn(){ return [].slice.call(arguments,0) // 类似对数组arr.slice(0) } fn(1,2,3) [1,2,3].forEach(function(){console.log(this)}) //this --> window 非严格模式下 [1,2,3].forEach(function(){console.log(this)},obj) //this --> obj const fn = function(c
js将类数组对象转换成数组对象
10-29
在JavaScript中，类数组对象并不是真正的数组，但是它们看起来和数组很相似，因为它们也有索引和length属性...在实践中，根据所使用的库的不同，选择合适的方法进行类数组对象向数组对象的转换是解决兼容性问题的关键。
JS数组实现分类统计实例代码
12-12
本示例以水果数组为例，展示如何使用JavaScript数组方法来实现这样的功能。 首先，我们有一个名为`fruits`的数组，其中包含不同类型的水果及其数量： ```javascript var fruits = [ { name: 'apple', value: 1 },...
C#动态调整数组大小的方法
01-20
在这种情况下，C#提供了Array类，该类包含一个静态方法`CreateInstance`，允许我们创建动态数组并实现数组大小的调整。 下面将详细介绍如何使用`Array.CreateInstance`方法以及示例代码的解释： 首先，我们定义一...
JavaScript把数组作为堆栈使用的方法
12-09
接着，使用`push()`方法向数组添加两个元素： ```javascript numbers.push("five"); numbers.push("six"); ``` 现在`numbers`数组变成了`["one", "two", "three", "four", "five", "six"]`。 然后，使用`pop()`...
类数组对象如何使用数组对象的方法和属性
weixin_45954775的博客
10-26 467
var arr =document.getElementsClassName(“xxx”); arr是一个类数组对象 ，想使用数组对象的方法和属性。就要把他转化成数组对象。 方法如下： 1.Array.prototype.call(arr，参数)； 2.[].call(arr,参数) []===Array.prototype 类数组循环遍历方法： 1.Array.prototype.forEach.call(arr，function(item,index){})； index是key，item是val 2.
怎么让类数组（鸭子数组）也能使用数组的方法
一起学习呀
03-07 121
粗糙答案在此，有空再来慢慢改
类的数组
Munger6的博客
10-24 2487
1、引用类型数组：与常用数组类型相同，仅仅在申明的时候有直接可以用和需要再次申明的差异； 申 明： Student [ ] allStus = new Student [ 5 ]; 产生了5个学生对象的引用地址，没有产生学生对象； 使 用：allStus[ i ] = new Student( ); 每个对象被单独创建；并不遵守地址连续； 调用方法， Stus[ i ] .s
[Effective JavaScript 笔记]第51条：在类数组对象上复用通用的数组方法
weixin_30779691的博客
06-29 89
前面有几条都讲过关于Array.prototype的标准方法。这些标准方法被设计成其他对象可复用的方法，即使这些对象并没有继承Array。 arguments对象 在22条中提到的函数arguments对象。它是一个类数组对象，并不是一个标准的数组，所以无法使用数组原型中的方法，因此无法使用arguments.forEach这样的形式来遍历每一个参数。这里我们必须使用call方法来对使用for...
结构体（类）与数组结合——选票系统
qq_45551969的博客
03-01 171
//需要用到一个变量下多个属性的值
类数组
kiku
08-10 2180
类数组 1，由下标，有length，有push和splice，就是一个类数组 2，既可以当数组用，也可以当对象用 3，DOM 里面的数组都是类数组,因为DOM 还要当对象用，而原数组不能解决这个需求 比如这就是一个类数组 var arr = [1,2,3]; var obj = { "0":1, "1":2, "2":3, ...
C ++ 类 | 类与数组（Array）_4
Tom的专栏
12-06 4817
类与数组的例子 对于此程序，请使用以下 类 来练习： 使用 Dog类 创建动物收容所名册。在 Dog类 中添加一个构造函数。 狗的初始名称是 " Unknown "； 声明并定义函数： printRoster(roster,SIZE); okay，我们直接上码： using namespace std; class Dog { string name; int l...
数组与数组类（类的设计）
u013351233的博客
11-15 753
设计背景： 学习了算法，看到一个ppt资料有讲数组用类的方式来实现. 类很简单，就不做太多介绍，直接看代码吧。（构造函数中使用了随机数来初始化数组） #include #include using namespace std; class MyArray{ public: MyArray(int size); ~MyArray(); MyArray operator
java如何使用类数组_java – 如何使用泛型与数组的类？
weixin_32816821的博客
02-27 214
我想创建一个Classes数组，每个都代表我正在构建的系统中可用的类型。所有涉及的类都是公共超类的子类。所以我想做：Class extends SuperClass>[] availableTypes = { SubClass1.class, SubClass2.class };这给我错误：Cannot create a generic array of Class extends Supe...
解决数组对象使用reduce 返回 NAN
最新发布
06-06
为了解决这个问题，可以使用 Array.prototype.map() 方法将属性值转换为数字类型，然后再使用 reduce 函数。例如，假设数组对象 arr 包含属性值为 num 的数字属性，可以按照以下方式处理： ```javascript const sum...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值