前端 类数组对象 学习

        首先,我们先预习一下对象数组和数组对象的概念:

对象数组:指的是一个数组,其中的每个元素都是一个对象。这些对象可以包含多个属性,形成一个包含多个对象的数组结构。比如下面这个:

// 创建一个对象数组存储学生信息
let students = [{ name: 'Alice', age: 18, score: 90 },{ name: 'Bob', age: 20, score: 85 },{ name: 'Charlie', age: 19, score: 88 }
];

数组对象:则是指的一个对象,它具有类似数组的特性,比如有一个 length 属性表示数组的长度,可以通过索引访问其中的元素。数组对象通常是通过类数组对象或类似数组的对象转换而来,但它并不是真正的数组。比如下面这个:

let obj = {0: 'a', 1: 'b', 2: 'c', length: 3};

        总的来说,对象数组更多地强调数组中的元素是对象而数组对象更多地强调对象具有类似数组的特性。实际上,它们都是用来存储一组有序数据的数据结构,只是在不同的语境下有不同的称呼。

        到这里,我们已经搞清楚类数组对象的概念,那它可以转换成数组吗?如何转换呢?下面是类数组对象转换成数组的5种方法。

  1. 使用 Array.from() 方法:
    let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
    let array = Array.from(arrayLike);
    console.log(array); // ['a', 'b', 'c']
    
  2. 使用扩展运算符(...):
    let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
    let array = [...arrayLike];
    console.log(array); // ['a', 'b', 'c']
    
  3. 使用 Array.prototype.slice.call() 方法:
    let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
    let array = Array.prototype.slice.call(arrayLike);
    console.log(array); // ['a', 'b', 'c']
    
  4. 使用 Array.prototype.slice.apply() 方法:
    let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
    let array = Array.prototype.slice.apply(arrayLike);
    console.log(array); // ['a', 'b', 'c']
    
  5. 使用 Array.prototype.concat.apply() 方法:
    let arrayLike = {0: 'a', 1: 'b', 2: 'c', length: 3};
    let array = Array.prototype.concat.apply([], arrayLike);
    console.log(array); // ['a', 'b', 'c']
    

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/731876.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CorelDRAW下载2024最新版专业的平面设计软件,专注于矢量图形编辑与排版

CorelDRAW是一款功能强大的矢量图形设计软件,广泛应用于标志设计、插画绘制、排版印刷、VI设计、包装设计、网页制作等众多领域。它提供了丰富的绘图工具和特效,使用户能够轻松地创建和编辑复杂的矢量图形。CorelDRAW还支持导入和导出多种文件格式&#…

RabbitMQ 安装使用

文章目录 RabbitMQ 安装使用安装下载 Erlang下载 RabbitMQ 的服务安装好后看是否有 RabbitMQ 的服务开启管理 UIRabbitMQ 端口使用一览图 使用输出最简单的 Hello World!生产者定义消费者消费消息小拓展 RabbitMQ 安装使用 安装 下载 Erlang RabbitMQ 是用这个语…

【机器学习300问】30、准确率的局限性在哪里?

一、什么是准确率? 在解答这个问题之前,我们首先得先回顾一下准确率的定义,准确率是机器学习分类问题中一个很直观的指标,它告诉我们模型正确预测的比例,即 还是用我最喜欢的方式,举例子来解释一下&#xf…

倒计时35天

dp预备(来源:b站acm刘春英老师) 1. 2. 3. 4. 5. 6. 7.

13:大数据与Hadoop|分布式文件系统|分布式Hadoop集群

大数据与Hadoop|分布式文件系统|分布式Hadoop集群 Hadoop部署Hadoop HDFS分布式文件系统HDFS部署步骤一:环境准备HDFS配置文件 查官方手册配置Hadoop集群 日志与排错 mapreduce 分布式离线计算框架YARN集群资源管理系统步骤一:安装…

spring boot 集成 mysql ,mybatisplus多数据源

1、需要的依赖&#xff0c;版本自行控制 <dependency><groupId>com.alibaba</groupId><artifactId>druid</artifactId> </dependency><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java<…

初阶数据结构之---二叉树的顺序结构-堆

引言 今天要讲的堆&#xff0c;不是操作系统虚拟进程地址空间中&#xff08;malloc&#xff0c;realloc等开空间的位置&#xff09;的那个堆&#xff0c;而是数据结构中的堆&#xff0c;它们虽然名字相同&#xff0c;却是截然不同的两个概念。堆的底层其实是完全二叉树&#x…

【spark operator】spark operator动态分配executor

背景&#xff1a; 之前在使用spark operator的时候必须指定executor的个数&#xff0c;在将任务发布到spark operator后&#xff0c;k8s会根据指定的个数启动executor&#xff0c;但是对于某些spark sql可能并不需要用到那么多executor&#xff0c;在此时executor的数量就不好…

Python快速入门系列-1

Python快速入门系列 第一章: Python简介1.1 Python的历史与发展1.2 Python的优势与特点1.2.1 易学易用1.2.2 动态类型1.2.3 丰富的标准库与第三方库1.2.4 面向对象与函数式编程1.2.5 广泛应用领域 1.3 Python的应用领域 第一章: Python简介 1.1 Python的历史与发展 Python是一…

sizeof和strlen的详细万字解读

sizeof和strlen的对比 sizeof不是函数 侧面证明sizeof不是函数 如果是函数 应该需要有括号 不能落下来 strlen 只针对字符串 包含头文件 string.h 并且这个是个函数 随机数值 sizeof里面有表达式的话 表达式里面是不参与计算的 下面的s求出的是4 就是因为是不参与计算的 不…

AI绘画StableDiffusion实操教程:冰霜旗袍美女

前几天分享了StableDiffusion的入门到精通教程&#xff1a;AI绘画&#xff1a;Stable Diffusion 终极炼丹宝典&#xff1a;从入门到精通 但是还有人就问&#xff1a;安装是安装好了&#xff0c;可是为什么生成的图片和你生成的图片差距那么远呢&#xff1f; 怎么真实感和质感…

拥塞控制 计算机网络

因为出现过量的分组&#xff0c;而引起的网络性能下降的现象称为拥塞。 判断网络是否进入拥塞状态的方法是&#xff0c;观察网络的吞吐量和网络负载的关系&#xff0c;如果网络负载的增加&#xff0c;网络的吞吐量明显小于正常的吞吐量&#xff0c;则网络就可能进入轻度的拥塞…

webservice soap协议

SOAP协议种类 详细说明JAX、Axis和HTTPSOAP的相关信息&#xff1a; JAX&#xff08;Java API for XML Web Services&#xff09;&#xff1a;JAX是Java提供的一组API&#xff0c;用于开发基于XML的Web服务。JAX包括JAX-WS&#xff08;Java API for XML Web Services&#xff0…

pytorch CV入门3-预训练模型与迁移学习

专栏链接&#xff1a;https://blog.csdn.net/qq_33345365/category_12578430.html 初次编辑&#xff1a;2024/3/7&#xff1b;最后编辑&#xff1a;2024/3/8 参考网站-微软教程&#xff1a;https://learn.microsoft.com/en-us/training/modules/intro-computer-vision-pytorc…

【JavaScript】Var、Let 和 Const 有什么区别

JavaScript 中的 Var、Let 和 Const 有什么区别 ES2015&#xff08;ES6&#xff09;推出了许多闪亮的新功能。从 2020 年开始&#xff0c;我们假设许多 JavaScript 开发人员已经熟悉并开始使用这些功能。 ES6 附带的功能之一是添加了let和const&#xff0c;可用于变量声明。问…

GitHub会员充值

GitHub是一个基于Web的代码托管平台&#xff0c;为开发者提供了协作、版本控制和代码管理的工具。它允许个人和团队共同协作开发软件项目&#xff0c;并提供了许多功能&#xff0c;使得代码的管理和维护更加容易 版本控制系统&#xff1a; GitHub使用Git作为其版本控制系统。Gi…

基于Springboot的高校宣讲会管理系统。Javaee项目,springboot项目。

演示视频&#xff1a; 基于Springboot的高校宣讲会管理系统。Javaee项目&#xff0c;springboot项目。 项目介绍&#xff1a; 采用M&#xff08;model&#xff09;V&#xff08;view&#xff09;C&#xff08;controller&#xff09;三层体系结构&#xff0c;通过Spring Spri…

AudioLab一个功能强大的Python音频处理库

简介 Audiolab是一个功能强大的Python库&#xff0c;专门用于音频数据的处理和分析。它提供了一系列丰富的工具和函数&#xff0c;让开发者能够轻松地处理音频数据&#xff0c;从而实现各种应用&#xff0c;如音频编辑、音频特征提取和音频分类等。 功能介绍&#xff1a; 首…

基于Java的开放实验室管理系统(Vue.js+SpringBoot)

目录 一、摘要1.1 项目介绍1.2 项目录屏 二、研究内容2.1 实验室类型模块2.2 实验室模块2.3 实验管理模块2.4 实验设备模块2.5 实验订单模块 三、系统设计3.1 用例设计3.2 数据库设计 四、系统展示五、样例代码5.1 查询实验室设备5.2 实验放号5.3 实验预定 六、免责说明 一、摘…

Charles抓包工具使用

Charles简介 Charles是一款基于HTTP协议的代理服务器和HTTP监视器&#xff0c;通过将自己设置为电脑或浏览器的网络访问代理&#xff0c;能够截取请求和请求结果&#xff0c;从而达到分析抓包的目的。它允许开发者查看所有连接互联网的HTTP通信&#xff0c;包括请求、响应和HTT…