ES6新增循环对象的四种方法(通俗易懂)

news/2024/7/10 23:28:17 标签: es6, 前端, ecmascript

在我们ES6之前,我们一般都是用for…in来循环对象,现在我们ES6为我们新增了几种方法,让我为大家介绍一下吧!

1.Object.keys()

静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组

    const obj = {
        name:"zs",
        age:18,
        call(){
            console.log("hello")
        }
    }
    let result = Object.keys(obj)
    console.log(result)

在这里插入图片描述

2.Object.values()

静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组

    const obj = {
        name:"zs",
        age:18,
        call(){
            console.log("hello")
        }
    }
    let result = Object.values(obj)
    console.log(result)

在这里插入图片描述

3.Object.getOwnPropertyNames()

静态方法返回一个数组,其包含给定对象中所有自有属性

    const obj = {
        name:"zs",
        age:18,
        call(){
            console.log("hello")
        }
    }
    let result = Object.getOwnPropertyNames(obj)
    console.log(result)

在这里插入图片描述

4.Object.getOwnPropertySymbols()

静态方法返回一个包含给定对象所有自有 Symbol

    let s = Symbol("ss")
    let s1 = Symbol("sss")
    const obj = {
        name:"zs",
        age:18
    }
    obj[s] = "s"
    obj[s1] = "s"
    let result = Object.getOwnPropertySymbols(obj)
    console.log(result)

在这里插入图片描述

感谢大家的阅读,如有不对的地方,可以向我提出,感谢大家!


http://www.niftyadmin.cn/n/5128524.html

相关文章

前端TypeScript学习-交叉类型与泛型

交叉类型和泛型是TypeScript中的两个重要概念。 交叉类型(&)可以用来组合多个接口,形成一个新接口。它类似于接口继承(extends),但有一些区别。交叉类型不会产生类型继承层次结构,而是将多…

夯实c语言基础

夯实c语言基础 转义字符 • \? :在书写连续多个问号时使⽤,防⽌他们被解析成三字⺟词,在新的编译器上没法验证了。 • \ :⽤于表⽰字符常量 • \" :⽤于表⽰⼀个字符串内部的双引号 • \\ :⽤于表…

02【Git分支的使用、Git回退、还原】

上一篇:01【Git的基本命令、底层命令、命令原理】 下一篇:03【Git的协同开发、TortoiseGit、IDEA的操作Git】 文章目录 02【Git分支的使用、Git回退、还原】一、分支1.1 分支概述1.1.1 Git分支简介1.1.2 Git分支原理 1.2 创建分支1.2.1 创建普通分支1.…

智能化燃气场站建设4要点!

关键词:智慧燃气、智慧燃气场站、智慧燃气建设、智慧燃气平台、 设备设施数字化管理平台 建 议 建设智能燃气场站,首先,要调研现有场站,摸清掌握现有场站智能化数据。在现有设施基础上,对现有燃气场站进行技术升级设…

飞书多维表格携手草料二维码,一键批量生成二维码标签

飞书多维表格官网显示,基于草料二维码“一物一码标签制作API”开发的“草料二维码”插件,已经在飞书多维表格开启公测。 用户可以在飞书多维表格上调用“草料二维码”插件,只需选择标签样式,匹配表格字段,即可将勾选的…

[ubuntu系统下的文本编辑器nano,vim,gedit,文件使用,以及版本更新问题]

文本编辑器概要 在Ubuntu系统下,有许多文本编辑器可供选择,每个编辑器都有其独特的特性和用途。以下是一些常见的文本编辑器: Gedit: 这是Ubuntu默认的文本编辑器,它简单易用,适合基本的文本编辑任务。 安…

虚拟机构建部署单体项目及前后端分离项目

目录 一.部署单体项目 1.远程数据库 1.1远程连接数据库 1.2 新建数据库运行sql文件 2.部署项目到服务器中 3.启动服务器运行 二.部署前后端分离项目 1.远程数据库和部署到服务器 2.利用node环境启动前端项目 3.解决主机无法解析服务器localhost问题 方法一 ​编辑 方…

牛蛙养殖废水处理设备构造

诸城市鑫淼环保小编带大家了解一下牛蛙养殖废水处理设备构造 牛蛙养殖废水处理设备是由多个关键组件构成,它们协同工作以高效净化废水。以下是构造的主要组件: 1.格栅:废水首先通过格栅,这是一个物理过程,用于去除粗大…