JS中对象转数组案例解析

JS中对象转数组案例解析以一次实际开发中的实例,将几种对象转数组的方法都试了一遍://consterrorList=Object.keys(error)//console.log(‘error’,error)//console.log(‘Array.from’,Array.from(error))//console.log(‘keys’,Object.keys(error))//console.log(‘values’,Object.val

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

以一次实际开发中的实例,将几种对象转数组的方法都试了一遍:
      // const errorList = Object.keys(error)
      // console.log('error', error)
      // console.log('Array.from', Array.from(error))
      // console.log('keys',Object.keys(error))
      // console.log('values',Object.values(error))
      // console.log('entries',Object.entries(error))

在这里插入图片描述

这是原对象类型结构:

在这里插入图片描述

1.Array.from() 方法

用于数组的浅拷贝。就是将一个类数组对象或者可遍历对象转换成一个真正的数组。
所满足的数组限制是: 
  1. object中必须有length属性,返回的数组长度取决于length长度
  2. .key 值必须是数值
    所以这里输出的是空数组
    在这里插入图片描述

2 .Object.values(object)(ES8):返回键值的遍历器

tips:与第一种不同的是不需要length属性,返回一个对象所有可枚举属性值

在这里插入图片描述

3.Object.keys(object):返回键名的遍历器

tips:返回一个对象的自身可枚举属性组成的数组,数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致

在这里插入图片描述

4.Object.entries(object)(ES8):返回键值对的遍历器

tips:返回一个给定对象自身可枚举属性的键值对数组

在这里插入图片描述

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/194582.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 常驻内存以及如何避免内存泄漏

    常驻内存以及如何避免内存泄漏

    2022年2月13日
    42
  • robots.txt详解[通俗易懂]

    robots.txt详解[通俗易懂]怎样查看robots文件?浏览器输入主域名/robots.txtrobots.txt的作用robots.txt文件规定了搜索引擎抓取工具可以访问网站上的哪些网址,并不禁止搜索引擎将某个网页纳入索引。如果想禁止索引(收录),可以用noindex,或者给网页设置输入密码才能访问(因为如果其他网页通过使用说明性文字指向某个网页,Google在不访问这个网页的情况下仍能将其网址编入索引/收录这个网页)。robots.txt文件主要用于管理流向网站的抓取工具流量,通常用于阻止Google.

    2022年5月1日
    44
  • 面向对象初探

    面向对象初探面向对象初探

    2022年4月24日
    39
  • JS页面后退并刷新「建议收藏」

    JS页面后退并刷新「建议收藏」JS页面后退并刷新

    2022年7月25日
    2
  • vmware 15 激活码【2022最新】

    (vmware 15 激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年4月1日
    136
  • 局域网ping有时通有时不通_ping不通局域网电脑

    局域网ping有时通有时不通_ping不通局域网电脑本文介绍利用ping命令回显来解决网络故障的方法,分别介绍常见的目标主机不可达和ping出现timeout的可能性和解决方法,案例。分为同网段和跨网段两种情况进行列举。涉及网络知识,wireshark的使用技巧,都是本人在几年维护网络中遇到问题的总结,基本涵盖常见故障。有错误的地方,请大家指正讨论。…

    2022年8月10日
    14

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号