在日常平凡的程序设计过程中,利用到json格局传输数据,已经比力常见。那么,若何才能获取到json对象的属性调集呢?
打开vscode,建立一个测试页面JsonTest.html,用于演示在js中若何获取json对象的属性调集
在测试页面中,界说一个js变量,将其赋值为json格局的字符串,用于模拟从后台返回过来的json字符串值,以及后续转换为json对象,和获取其属性调集
var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"宿世界\"}]";
利用js的eval函数,将json字符串的变量值,转换为json对象
var $json = eval("(" + json + ")");
获得json对象之后,利用for-in轮回语句,获得json对象的序号,也就是,这个json对象中,还有几多个子对象
因为js是弱类型的说话,并不要求json对象中的每个子对象属性都一样。所以,在获得序号之后,利用Object.keys($json[i]); 就能获取到当前json子对象的属性调集
若是想要获取到json对象的每个具体的列名和值,就需要再加一个for轮回,遍历列名,获得列名和值
在浏览器中打开测试页面,然后按F12,就能看到代码中输出的各类数据,包罗了json对象的属性调集、具体的列名和值等等信息
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!