json字符串和js对象的互转

JSON对象: 用来完成 js对象和 json字符串的互转
js对象转json串: JSON.stringify()
json串转成js对象: JSON.parse()

json字符串转成js对象

//1. json字符串,对象的写法
var a = '{"name":"张三","age":"20"}';
var jsobj = JSON.parse(a); //json字符串转成js对象
console.log(jsobj)
console.log(jsobj.name) // 解析对象里name属性的值

json数组转换js对象

//2. json字符串,数组的写法
var b = '[{"name":"张三","age":"20"},{"name":"王五","age":"18"}]'
// 获取b里的王五
var jsobjs = JSON.parse(b) //json数组转换js对象
console.log(jsobjs)
var jn = jsobjs[1].name
console.log(jn)

js对象转json串

// 4. 创建js对象
var obj = {
name : "老四",
age : "18"
}
console.log(obj)
// js对象转json串
var jsonchuai = JSON.stringify(obj)
console.log(jsonchuai)

测试的完整代码

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>JSON对象</title><script>// 定义函数function test1(){/* JSON对象 用来完成js和json串的互转 *///1. json字符串,对象的写法var a = '{"name":"张三","age":"20"}'//2. json字符串,数组的写法var b = '[{"name":"张三","age":"20"},{"name":"王五","age":"18"}]'//3. JSON对象// 解析a里name属性的值var jsobj = JSON.parse(a); //json字符串转成js对象console.log(jsobj)console.log(jsobj.name) // 解析对象里name属性的值//需求: 利用dom技术,把解析到的name属性的值,展示在id="d2"位置document.getElementById("d2").innerHTML=jsobj.name// 获取b里的王五var jsobjs = JSON.parse(b)console.log(jsobjs)var jn = jsobjs[1].nameconsole.log(jn)// 利用dom技术,把解析到的age属性的值,展示在id="d3"位置document.getElementById("d3").innerHTML=jsobjs[1].age// 4. 创建js对象var obj = {name : "老四",age : "18"}console.log(obj)// js对象转json串var jsonchuai = JSON.stringify(obj)console.log(jsonchuai)}</script></head><body><div id="d1" onclick="test1()">我是div1</div><div id="d2">我是div2</div><div id="d3">我是div3</div></body>
</html>

json串和js对象互转相关推荐

JSON 和 JS 对象互转
JSON 和 JS 对象互转要实现从对象转换为 JSON 字符串,使用 JSON.stringify() 方法: var json = JSON.stringify({a: 'Hello', b: ...
js将object转化为json数据，json数据转js对象
json数据转js对象: JSON.parse(); js对象转json数据: JSON.stringify();
js中如何将object转化为json数据，json数据转js对象
js对象转json数据: JSON.stringify(); json数据转js对象: JSON.parse();
Json对象和Json字符串以及js对象(JavaScript对象)的区别
1.Json概念概念:JSON (JavaScript Object Notation) 一种简单的数据格式,是一种比较轻量级的数据存储格式: 2.Json与JS对象的对比区别 JSON Jav ...
json字符串与python对象互转
目录 json字符串转python对象 json字符串转dict json字符串转list python对象转json格式字符串 dict转json list转json json格式字符串写入文件 ...
[JS]JSON字符串与JS对象的转换
JSON字符串转换为JavaScript对象使用JavaScript内置函数JSON.parse()将字符串转换为JavaScript对象 // JSON字符串 var text = '{" ...
fastJson 解析一个比较复杂的json串为Java对象
1. 要解析的json串格式如下: [{"name": "慕容皝","users": [{"username": &qu ...
json字符串与js对象转换
https://developer.mozilla.org... js数据类型: 字符串.数字.布尔.数组.对象.Null.Undefined js Object var data = {" ...
Json串和java对象进行转时
json-lib-xxx.jar ezmorph-xxx.jar //=============>依赖包 JsonConfig config = new JsonConfig();//有选择性 ...

json串和js对象互转

文章目录

json字符串和js对象的互转

json字符串转成js对象

json数组转换js对象

js对象转json串

测试的完整代码

json串和js对象互转相关推荐

最新文章

热门文章