您的位置:首页 > 文旅 > 美景 > 163企业邮箱服务器_南京公司网站设计定制_活动营销推广方案_真实的优化排名

163企业邮箱服务器_南京公司网站设计定制_活动营销推广方案_真实的优化排名

2025/7/2 5:02:07 来源:https://blog.csdn.net/qq_56807425/article/details/147037903  浏览:    关键词:163企业邮箱服务器_南京公司网站设计定制_活动营销推广方案_真实的优化排名
163企业邮箱服务器_南京公司网站设计定制_活动营销推广方案_真实的优化排名

介绍

  • JavaScript Object Notation, js对象标注法,是轻量级的数据交换格式
  • 完全独立于编程语言文本
  • 字符集必须用UTF-8格式,必须用“”
  • 任何支持的数据类型都可以用JSON表示
  • JS内内置JSON解析
  • JSON本质就是字符串

Json对象和JS对象互相转化

  • 前端数据传到后端
  • 使用JSON.Stringify(),js对象转成JSON字符串
// Json对象和JS对象互相转化
var obj = { name: '小明', age: 18 };  // JS对象
var str = JSON.stringify(obj); // 将对象转为字符串,返回一个字符串
console.log('JSON.stringify(obj):', str); // {"name":"小明","age":18},将对象转为字符串,返回一个字符串
  • 从后端拿到数据需要在前端使用
  • 使用JSON.parse(),JSON字符串转为JS对象
 var xm = '{"name":"小明","age":18}'; // JSON字符串var obj1 = JSON.parse(xm); // 将字符串转为对象,返回一个对象console.log('JSON.parse(xm):', obj1.name); // 将字符串转为对象,返回一个对象,可以在前端使用

在这里插入图片描述

筛选对象的键值

  • js对象json转为字符串,JSON.stringify()方法,有三个参数
  • ①要转换的对象/数组
  • ②数组/函数
  • (若参数2为数组,则反转数组中的指定属性
  • 若参数2为函数,则调用该函数并传入每个成员的键和值。)
  • ③文本缩进、空格和换行符
// 筛选对象的键值
var xm = {name: '小明',age: 18,class: '一班',phone: 1333333333,height:'1.8米'
}
var xm_json = JSON.stringify(xm,['name','class','height']); // 将对象转为字符串,返回一个字符串,第二个参数是筛选的键值,第三个参数是缩进的空格数
console.log(xm_json)var xm_json2 = JSON.stringify(xm,name,6);     //name是一个函数
function name(key,value){if (value == '小明') { return '小华'; } else {return value; // 返回该属性}
}
console.log(xm_json2) // {"name":"小华","age":18,"class":"一班","phone":1333333333,"height":"1.8米"}

在这里插入图片描述

传入函数处理json键值

  • 从服务器接收到JSON值,想再用parse转成对象时进行的处理
  • JSON.parse(),JSON字符串转为JS对象
  • 有两个参数
// 传入函数处理json键值
var xm = `{"name": "小明","age": 18,"class": "一班","phone": 1333333333,"height": "1.8米"
}`;                                 // JSON字符串
var xm_obj = JSON.parse(xm,name); // 将对象转为字符串,返回一个字符串,第二个参数是筛选的键值,第三个参数是缩进的空格数
function name(key,value){if (key == 'class') { return '六班'; } else {return value; // 返回该属性}
}
console.log(xm_obj) // {"name":"小明","age":18,"class":"六班","phone":1333333333,"height":"1.8米"}
console.log(xm_obj.class) // 六班

在这里插入图片描述

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com