JS中如何将一个类数组对象转换为数组

最新推荐文章于 2024-04-08 19:29:00 发布
最新推荐文章于 2024-04-08 19:29:00 发布
阅读量4.5k 收藏 3
点赞数 1
分类专栏： js 文章标签： es6 node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43430676/article/details/108353163
版权

在开发的过程中，我们常常会遇到这样一个需求，我们得到一个类数组对象，但我们想要遍历它，却不能使用数组的API来遍历，那么怎么办呢？
这时我们需要将这个类数组对象转换为数组了。
方法一
使用数组的实例方法slice并且通过call调用
在这里插入图片描述方法二
方法二和方法一类似，同样是使用slice方法，但不同的是通过es6的解构将数组中的slice方法拿到
在这里插入图片描述
运行结果：
在这里插入图片描述方法三
通过es6的数组新增的API
Array.from()
在这里插入图片描述一个类数组对象既然可以转换为数组，那么一个数组如何转换为一个类数组对象呢？
方法一
可以直接将一个数组的原型指向对象的原型

arr.__proto__ = Object.prototype;

为了避免直接操作原型，我们可以使用es6提供的方法使用

Object.setPrototypeOf(arr,Object.prototype)

在这里插入图片描述
方法二
通过Object.assign()方法来转换，这个方法同样也是es6提供的
在这里插入图片描述

一个大BUG
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript类数组对象转换为数组对象的方法实例分析
12-04
本文实例分析了JavaScript类数组对象转换为数组对象的方法。分享给大家供大家参考，具体如下： ...由于类数组不具有数组所具有的操作数组的方法，将类数组转换为数组之后就能调用这些强大的方法，方
js如何将对象转换为数组
weixin_47264982的博客
06-29 1042
var rawData = res.result[0]; var arr = [] for (let i in rawData ) { let o = {}; o[i] = obj[i]; //o.name = i; //o.value = rawData [i]; arr.push(o) } console.log(arr);
3种JavaScript 对象转数组的方法
web前端开发
12-23 3万+
来源 |https://www.fly63.com我们在项目开发的时候，有时需要将js对象转换为数组，下面小编给大家具体演示一下怎么转换，主要是介绍一些常用、简洁的转换方法。比如Java...
如何在 JavaScript 中将数组转为对象_js 数组转对象，2024年最新河南省普通高中综合信息管理系统
最新发布
2401_84185441的博客
04-08 452
截图出来，每个节点里面都包含素材文档、项目源码、讲解视频**
JS 中的类数组对象如何转换为数组？
fe_watermelon的博客
05-25 3521
大家好，我是前端西瓜哥，今天说一下 JS 的类数组对象是什么，以及如何将类数组对象转为数组。类数组对象是什么？类数组对象，就是含有 length 属性的对象，但这个对象不是数组。通常来说还会有 0 ～ length-1 的属性，结构表现上非常像一个数组。const arrlike = {1:'a', 4: 'd', length: 9}; Array.isArray(arrlike) // false 从底层上来看，这
把 数组对象 里的 对象 转换成 数组对象 的形式
BubbleABC的博客
02-25 1619
把 数组对象 里的 对象 转换成 数组对象 的形式 let moni = this.data.moni; // 把接口数组里的 对象变成数组对象的形式 moni.forEach((item) => { let arrOther = { ...item.other }; item.other = [arrOther]; }); console.log("moni", moni); ...
JS 类数组转数组的几种方法（四种）
雪急飞绪博客
12-13 6109
总结 for 循环 [].slice.call() （calll方法：[].map.call()） ES6语法：Array.from() 4.ES6语法：展开运算符 原生 js 获取 DOM 元素集合是一个类数组对象，所以不能直接利用数组对象（比如：sort、forEach），需要转换为数组后，才可以使用 下述方法使用 arguments 当伪数组 function fn() { var res = toArr(arguments); console.log(res); } fn("A"
js对象转换为数组的两种方法
热门推荐
weixin_45257251的博客
04-21 5万+
第一种方法： Object.values(obj) 对象转化为数组 例： var obj = { name: '小明', age: 22 }; var arr = Object.values(obj) ; //对象转化为数组 console.log(arr); // ['小明', 22] 字符串转化为数组 例： var str= "abc"; var arr = Object.values(str) ; /字符串转化为数组 console.log(arr); // ['a', 'b','c']
js将类数组对象转换成数组对象
10-29
javascript与dom有许多瑕疵，如著名的类数组对象Arguments，其他诸如HTMLCollection,NodeList如果它们都是数组的子类，那多省时啊。
js中将具有数字属性名的对象转换为数组
12-01
这个对象并不是数组类型，那有没有办法把它转换为数组类型呢？jQuery代码中采用了Array.prototype.slice把这种对象转换为数组，但我试了好几遍，就是不行： 代码如下: var obj = {}; obj[0] = 1; obj[1] = 2; alert...
如何把类数组对象转为数组对象
csdssdn的博客
06-19 2937
目录一、数组二、对象三、类数组对象3.1 什么是类数组对象3.2 js中哪些是类数组对象3.3 类数组对象怎么转化为数组1、Array.from()（ES6+）2、slice3、splice4、concat5、for循环依次遍历稀疏数组 (sparse array)3.4 怎么判断是不是类数组对象3.5 复习一下这三种数组方法，我就没记得过1. slice(start,end):2、splice(index,howmany,item1,item2...):3、concat(arr1,arr2...): 返回
总结一下JavaScript中类似数组的对象转化为真正的数组的几种方法
Coder小何
11-15 596
总结一下JavaScript中类似数组的对象转化为真正的数组的几种方法 常见的类似数组的对象基本有以下几种： let arrayLike ={ '0': 'a', '1': 'b', '2': 'c', length :3 } // 这种类数组是未定义遍历接口的对象 const oDiv = document.querySelectorAll('div'); // 定义了遍历器接口的对象 还有一种类数组是 函数内部的argument 对象 arg
js 对象和数组 快速转换
天边那朵云的博客
10-10 4041
数组转对象 obj = Object.assign( {},  arr )    或者 obj = { ...arr} 对象转数组 arr1 = Object.keys( obj)    arr2 = Object.values( obj )   arr3 = Object.entries( obj)       对象转map 需要先转成数组(格式：[ [key, value] ]， 二维数...
javascript类数组对象转数组对象的一些技巧
黑夜人的博客
01-04 637
一.定义：什么是类数组对象？ 拥有length属性，可以通过下标访问； 不具备数组所具有的方法 常见的类数组有arguments和NodeList，《javascript权威指南》里面给出了一个鉴别对象是否是类数组的函数： // Determine if o is an array-like object. // Strings and functions have numeric le...
JS对象转数组
qq_45199056的博客
08-26 1万+
本帖简要说明了一些对象转数组方法的使用
Js把对象数组列表转换成数组
weixin_34389926的博客
02-26 1954
今天写组件的时候遇到一个问题，就是当我需要对获取到的对象列表进行删减的时候，发现没有合适的方法，比如： //获取图片列表 var imgs = document.getElementsByTagName("img"); 这个列表可以用imgs[0]的数组方法访问元素，但是不能用数组的方法进行编辑. shift()等数组方法无效 removeChild()无效 delete im...
如何将类数组对象转换为数组类型
zbzuikeai的博客
09-02 1644
在JavaScript当中你应该会遇见一种问题，那就是如何将类数组对象转化为数组对象，因为许多时候你所求到的数据是一个类数组，而你所调用的方法是数组的方法，这是便需要转换了，接下来介绍三种方法： 一 、 es6当中的Array.from()；这是最简便的一种方法了，你只需在括号里写上你所要转化的对象即可。 二 、 Array.prototype.slice.call()；这可能是我们前期最常用的一种方法了，它同样只需在括号内写入对象名即可。 var a = { '0':'a', '1'
js中类数组对象转数组
AdleyTales的技术博客
06-06 293
类数组
JS中将对象转化为数组
yun的博客
05-09 1万+
前言 这个对于大佬来说应该是个很基础的问题，但是今天我要用到这个的时候却一下没想起来该怎么做，所以打算写下来加深下影响。 举个例子，如何把一个对象{'未完成':5, '已完成':8, '待确认':4, '已取消':6}转化为[{"未完成":5},{"已完成":8},{"待确认":4},{"已取消":6}]。 对象的两种取值方式 我们都知道，JS中对象有两种取值方式，通过在.后面直接...
数组对象如何转换为数组
07-17
要将数组对象转换为数组，可以使用 `Array.from()` 方法或者扩展运算符 `...`。 使用 `Array.from()` 方法： ```javascript const obj = { 0: 'a', 1: 'b', 2: 'c', length: 3 }; const arr = Array.from(obj); ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值