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

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

在我们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)

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

相关文章
|
4月前
127. 答网友疑问:ABAP Function Module 如何支持内表结构不确定的动态输入参数
127. 答网友疑问:ABAP Function Module 如何支持内表结构不确定的动态输入参数
19 0
|
5月前
|
存储 C++
【C++】function包装器全解(代码演示,例题演示)
【C++】function包装器全解(代码演示,例题演示)
|
5月前
|
前端开发 JavaScript
讲讲ES6中 对象合并
讲讲ES6中 对象合并
20 0
|
5月前
|
JavaScript 前端开发 索引
es6 数组新增哪些方法以及使用场景
es6 数组新增哪些方法以及使用场景
22 0
|
5月前
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
9月前
|
存储 前端开发 JavaScript
ES6新特性。对象、数组新增方法
ES6新特性。对象、数组新增方法
130 0
|
11月前
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
58 0
|
前端开发
前端学习案例4-this指向问题-隐式调用规则2
前端学习案例4-this指向问题-隐式调用规则2
57 0
前端学习案例4-this指向问题-隐式调用规则2
|
前端开发
前端学习案例4-promise封装详解4 原
前端学习案例4-promise封装详解4 原
51 0
前端学习案例4-promise封装详解4 原
|
JavaScript 前端开发
🍉JavaScript进阶——类的本质及ES5的新增方法
🍉JavaScript进阶——类的本质及ES5的新增方法
70 9
🍉JavaScript进阶——类的本质及ES5的新增方法