• js遍历对象.


    第一种: for......in

    复制代码
    const obj = {
                id:1,
                name:'zhangsan',
                age:18
    } for(let key in obj){ console.log(key + '---' + obj[key]) }
    复制代码

    输出结果:

    第二种:

    1)、Object.keys(obj)

    2)、Object.values(obj)

    参数:

    obj:要返回其枚举自身属性的对象

    返回值:

    一个表示给定对象的所有可枚举属性的字符串数组。

    复制代码
    
    

    const obj = {
        id:1,
        name:'zhangsan',
        age:18
    }

     console.log(Object.keys(obj))

    console.log(Object.values(obj))

    复制代码

    输出结果: obj对象的key组成的数组

    ['id','name','age']

    输出结果:obj对象的value组成的数组

    ['1','zhangsan','18']

    第三种:使用Object.getOwnPropertyNames(obj)

    返回一个数组,包含对象自身的所有属性(包含不可枚举属性)
    遍历可以获取key和value
    复制代码
    const obj = {
                id:1,
                name:'zhangsan',
                age:18
        }
        Object.getOwnPropertyNames(obj).forEach(function(key){
            console.log(key+ '---'+obj[key])
        })
    复制代码

    输出结果:

  • 相关阅读:
    vue-router 动态路由匹配
    vue-router $route
    vuex mapActions
    vuex mapMutations 使用
    ES6 动态计算属性名
    vuex Payload 荷载
    vuex mapGetters
    vuex mapState使用
    Vue 引入ElementUI 2.0.11:依赖未发现的问题
    vuex 深入理解
  • 原文地址:https://www.cnblogs.com/yadi001/p/15645392.html
Copyright © 2020-2023  润新知