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)

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

相关文章
|
5月前
|
存储 数据库 索引
面试题ES问题之动态映射的定义如何解决
面试题ES问题之动态映射的定义如何解决
42 1
|
4月前
|
JavaScript 前端开发 索引
ES6新特性(三): 可迭代对象和两种新增循环方式
ES6新特性(三): 可迭代对象和两种新增循环方式
|
6月前
|
Web App开发 JavaScript iOS开发
技术笔记:js数组定义和方法(包含ES5新增数组方法)
技术笔记:js数组定义和方法(包含ES5新增数组方法)
|
7月前
|
JavaScript 前端开发 网络架构
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
JavaScript开发中ES6+新特性:解释箭头函数的作用以及它与普通函数的区别。
75 1
|
7月前
|
JavaScript 前端开发 索引
es6 数组新增哪些方法以及使用场景
es6 数组新增哪些方法以及使用场景
65 0
|
7月前
|
前端开发 JavaScript
讲讲ES6中 对象合并
讲讲ES6中 对象合并
85 0
|
7月前
|
前端开发
【前端学习】—ES6新增的方法有哪些(十五)
【前端学习】—ES6新增的方法有哪些(十五)
|
JavaScript 前端开发
ES6学习(四)—字符串的新增方法
ES6学习(四)—字符串的新增方法
|
JavaScript 前端开发 网络架构
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
每天3分钟,重学ES6-ES12(四)函数的补充 展开语法
84 0
|
JavaScript 前端开发
🍉JavaScript进阶——类的本质及ES5的新增方法
🍉JavaScript进阶——类的本质及ES5的新增方法
94 9
🍉JavaScript进阶——类的本质及ES5的新增方法