JavaScript之Json数据格式

介绍

• 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: [phone],
    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) // 六班