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

HTML之JavaScript使用JSON

news 2025/9/4 17:27:43

HTML之JavaScript使用JSON

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON是JavaScript对象的字符串表示法，它使用文本表示一个js对象的信息，可以将json字符串转换为js对象，也可以将js对象转换为json字符串JSON的应用场景：1.数据交换2.前后端数据交互 最多3.存储数据4.配置文件5.服务端返回数据6.本地存储7.序列化和反序列化

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><script>/*Json的格式语法var personStr = '{"属性名":"属性值","属性名":{"属性名":"属性值"},"属性名":[10,20...],...}';属性名必须用双引号包裹("")属性值是字符串的话 必须用双引号包裹(""),数字可以不处理*/// 这是一个json格式的字符串 var personStr = '{"name":"张三","age":18,"dog":{"dname":"旺财","dage":3},"friends":["李四","王五","赵六"]}';console.log(personStr);console.log(typeof personStr);// stringconsole.log(personStr.name);// undefined// 将json格式的字符串转换为json对象  使用JSON.parse()方法var personObj = JSON.parse(personStr);console.log(personObj);console.log(typeof personObj);// objectconsole.log(personObj.name);// 张三// 将json对象转换为json格式的字符串  使用JSON.stringify()方法var personStr1 = JSON.stringify(personObj);console.log(personStr1);console.log(typeof personStr1);// string</script>
</head>
<body></body>
</html>