JavaScript-JSON对象

JSON格式

JSON(JavaScript Object Notation, JS对象简谱)是一种轻量级的数据交换格式。它基于ECMAScript(European Computer Manufacturers Association, 欧洲计算机协会的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率 简单来说,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)
  • 前后端传递数据
    在这里插入图片描述
  • 9
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值