怎么获取json对象的属性集合

在日常平凡的程序设计过程中 , 利用到json格局传输数据 , 已经比力常见 。 那么 , 若何才能获取到json对象的属性调集呢?

需要这些哦
vscode
方式/
1打开vscode , 建立一个测试页面JsonTest.html , 用于演示在js中若何获取json对象的属性调集

怎么获取json对象的属性集合

文章插图

2在测试页面中 , 界说一个js变量 , 将其赋值为json格局的字符串 , 用于模拟从后台返回过来的json字符串值 , 以及后续转换为json对象 , 和获取其属性调集
var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"宿世界\"}]";

怎么获取json对象的属性集合

文章插图

3利用js的eval函数 , 将json字符串的变量值 , 转换为json对象
var $json = eval("(" + json + ")");

怎么获取json对象的属性集合

文章插图

4获得json对象之后 , 利用for-in轮回语句 , 获得json对象的序号 , 也就是 , 这个json对象中 , 还有几多个子对象

怎么获取json对象的属性集合

文章插图

5【怎么获取json对象的属性集合】因为js是弱类型的说话 , 并不要求json对象中的每个子对象属性都一样 。 所以 , 在获得序号之后 , 利用Object.keys($json[i]); 就能获取到当前json子对象的属性调集

怎么获取json对象的属性集合

文章插图

6若是想要获取到json对象的每个具体的列名和值 , 就需要再加一个for轮回 , 遍历列名 , 获得列名和值

怎么获取json对象的属性集合

文章插图

7在浏览器中打开测试页面 , 然后按F12 , 就能看到代码中输出的各类数据 , 包罗了json对象的属性调集、具体的列名和值等等信息

怎么获取json对象的属性集合

文章插图


以上内容就是怎么获取json对象的属性集合的内容啦 , 希望对你有所帮助哦!

    推荐阅读