当前位置：首页 > wzjs >正文

建筑企业网站模板微商软文范例

wzjs 2025/8/27 20:06:30

建筑企业网站模板,微商软文范例,网站建设需求方案,织梦网站代码介绍 JavaScript Object Notation， js对象标注法，是轻量级的数据交换格式完全独立于编程语言文本字符集必须用UTF-8格式，必须用“”任何支持的数据类型都可以用JSON表示JS内内置JSON解析JSON本质就是字符串 Json对象和JS对象互相转化前端…

介绍

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) // 六班