在日常平凡的程序设计过程中 , 利用到json格局传输数据 , 已经比力常见 。 那么 , 若何才能获取到json对象的属性调集呢?
需要这些哦
vscode
方式/
1打开vscode , 建立一个测试页面JsonTest.html , 用于演示在js中若何获取json对象的属性调集
文章插图
2在测试页面中 , 界说一个js变量 , 将其赋值为json格局的字符串 , 用于模拟从后台返回过来的json字符串值 , 以及后续转换为json对象 , 和获取其属性调集
var json = "[{\"Col1\": \"Hello\", \"Col2\": \"World\"}, {\"Col1\": \"您好\", \"Col2\": \"宿世界\"}]";
文章插图
3利用js的eval函数 , 将json字符串的变量值 , 转换为json对象
var $json = eval("(" + json + ")");
文章插图
4获得json对象之后 , 利用for-in轮回语句 , 获得json对象的序号 , 也就是 , 这个json对象中 , 还有几多个子对象
文章插图
5【怎么获取json对象的属性集合】因为js是弱类型的说话 , 并不要求json对象中的每个子对象属性都一样 。 所以 , 在获得序号之后 , 利用Object.keys($json[i]); 就能获取到当前json子对象的属性调集
文章插图
6若是想要获取到json对象的每个具体的列名和值 , 就需要再加一个for轮回 , 遍历列名 , 获得列名和值
文章插图
7在浏览器中打开测试页面 , 然后按F12 , 就能看到代码中输出的各类数据 , 包罗了json对象的属性调集、具体的列名和值等等信息
文章插图
以上内容就是怎么获取json对象的属性集合的内容啦 , 希望对你有所帮助哦!
推荐阅读
- 胡萝卜丁怎么切 胡萝卜丁的切法
- 仿制图章工具怎么用 仿制图章工具的用法
- 我查查怎么下载
- 360浏览器主页被篡改了怎么办
- 蚂蚁庄园蹭饭卡怎么用 蚂蚁庄园怎么蹭饭
- 故人不独亲其亲中的亲的解释(故人不独亲其亲中的亲怎么解释)
- 积善成德而神明自得圣心备焉怎么翻译(怎么理解积善成德而神明自得圣心备焉)
- 绝地求生刺激战场怎么驾驶车子
- 古文以其无礼于晋且贰于楚也怎么翻译呢(古文以其无礼于晋且贰于楚也出自)
- UC浏览器怎么删除历史书签云同步记录