当前位置: 首页 > article >正文

JSON格式

 JSON(JavaScript Object Notation, JS对象简谱)是一种轻量级的数据交换格式。JSON 就是一种字符串格式,这种格式无论是在前端还是在后端,都可以很容易的转换成对象,所以常用于前后端数据传递

说明:

  • JSON的语法

​ var obj=“{‘属性名’:‘属性值’,‘属性名’:{‘属性名’:‘属性值’},‘属性名’:[‘值1’,‘值1’,‘值3’]}”

  • JSON字符串一般用于传递数据,所以字符串中的函数就显得没有意义,在此不做研究
  • 通过JSON.parse()方法可以将一个JSON串转换成对象
  • 通过JSON.stringify()方法可以将一个对象转换成一个JSON格式的字符串

代码:

/* 定义一个JSON*/
var personStr ='{"name":"张小明","age":20,"girlFriend":{"name":"铁铃","age":23},"foods":["苹果","香蕉","橘子","葡萄"],"pets":[{"petName":"大黄","petType":"dog"},{"petName":"小花","petType":"cat"}]}'
console.log(personStr)
console.log(typeof personStr)
/* 将一个JSON串转换为对象 */
var person =JSON.parse(personStr);
console.log(person)
console.log(typeof person)
/* 获取对象属性值 */
console.log(person.name)
console.log(person.age)
console.log(person.girlFriend.name)
console.log(person.foods[1])
console.log(person.pets[1].petName)
console.log(person.pets[1].petType)

效果:


在这里插入图片描述

/* 定义一个对象 */
var person={
'name':'张小明',
'age':20,
'girlFriend':{
'name':'铁铃',
 'age':23
},
'foods':['苹果','香蕉','橘子','葡萄'],
'pets':[
{
'petName':'大黄',
'petType':'dog'
},
{
'petName':'小花',
'petType':'cat'
}
]
}
/* 获取对象属性值 */
console.log(person.name)
console.log(person.age)
console.log(person.girlFriend.name)
console.log(person.foods[1])
console.log(person.pets[1].petName)
console.log(person.pets[1].petType)
/* 将对象转换成JSON字符串 */
var personStr =JSON.stringify(person)
console.log(personStr)
console.log(typeof personStr)

效果:


在这里插入图片描述

前后端传递数据:
在这里插入图片描述


http://www.kler.cn/a/297091.html

相关文章:

  • 关于HashMap的put方法
  • Matlab/Simulink中PMSM模型的反电动势系数和转矩系数
  • 掌握数据库与SQL
  • Appium使用指南与自动化测试案例详解
  • C++——关联式容器(2):AVL树(平衡二叉树)
  • 猜数游戏-Rust 入门经典案例
  • 滚雪球学Java(89):Java GUI入门与进阶:AWT核心概念深度解析,有两下子!
  • 【Prometheus】PromQL向量匹配实现不同标签的向量数据进行运算
  • 单片机工程师:创新与挑战之路
  • 网站安全需求分析与安全保护工程
  • SprinBoot+Vue校园数字化图书馆系统的设计与实现
  • Android Fragment 学习备忘
  • guava-Immutable(不可变集合)
  • MybatisPlus 快速入门
  • 硬件工程师笔试面试知识器件篇——电容
  • ActiveMQ 反序列化漏洞复现(CVE-2015-5254)
  • 编译安装调试 scaLapack 和 openmpi 以及 lapack
  • 干货分享:2024四大录音转文字工具推荐!
  • 构建Web3社交平台:DeBox式DApp开发全攻略
  • docker-mysql容器数据卷挂载