使用hasOwnProperty() 函数获取json中动态key的数据

Kinky ლ

于 2024-07-16 14:17:17 发布

阅读量176

点赞数 8

分类专栏： Vue3 文章标签： json 前端

本文链接：https://blog.csdn.net/qq_52398432/article/details/140465036

版权

Vue3 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

// 假设这是您从某处获取的JSON数据  
let data = {  
    "test111": {  
        "name": "张三",  
        "dataList": [],  
        "unit": "m³",  
        "limitList": []  
    },  
    "test123": {  
        "name": "李四",  
        "dataList": [],  
        "unit": "m³",  
        "limitList": []  
    } ,
    ...... 
};

在上述中如果data内的数据条数和各数据的key都为动态变化数据，此时我们可以使用hasOwnProperty()函数来获取并遍历其中的数据！
使用hasOwnProperty()函数要确保key是对象自身的属性，而不是继承来的

// 遍历JSON对象，并打印出每个的名称  
for (let key in data) {  
    if (data.hasOwnProperty(key)) {  
        console.log(data[key].name);  // 确保key是对象自身的属性，而不是继承来的  
    }  
}