JavaScript JSON

JSON 是用于存储和传输数据的格式。

JSON 通常用于服务端向网页传递数据 。

什么是 JSON?

  1. JSON 英文全称 JavaScript Object Notation(JavaScript 对象表示法)。
  2. JSON 是存储和交换文本信息的语法,类似 XML。
  3. JSON 比 XML 更小、更快,更易解析。
  4. JSON 易于理解。

JSON 使用 JavaScript 语法,但是 JSON 格式仅仅是一个文本。文本可以被任何编程语言读取及作为数据格式传递。

示例:

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>json</title>
</head>

<body>

</body>

</html>
<script>
    let person = {
        nickname: "DDL",
        age: 39,
        gender: 1,
    };
    console.log(person);
    // JSON.stringify(对象名) 返回值为该对象的json格式字符串
    let json_text = JSON.stringify(person);
    console.log(json_text);
    // JSON.parse(json格式字符串) 返回值为JavaScript对象
    let json_obj = JSON.parse(json_text);
    console.log(json_obj);
    // 服务器响应的json格式字符串
    let responseResult = '{"code":0,"msg":"","count":1000,"data":[{"id":10002,"username":"user-2","sex":"女","city":"城市-2","sign":"签名-2","experience":650,"logins":77,"wealth":6298078,"classify":"酱油","score":31},{"id":10003,"username":"user-3","sex":"女","city":"城市-3","sign":"签名-3","experience":362,"logins":157,"wealth":37117017,"classify":"诗人","score":68}]}';
    // 将服务器响应的json格式字符串解析完JavaScript对象
    let result = JSON.parse(responseResult);
    console.log(result);
    console.log(result.code);
    console.log(result.msg);
    console.log(result.count);
    console.log(result.data);
    result.data.forEach(element => {
        // console.log(element);
        // for in 遍历对象的属性 获取的是属性的名字 
        for (const fieldName in element) {
            // 对象名[属性名]获取的是该属性的值
            console.log(fieldName + ' >>> ' + element[fieldName]);
        }
        console.log('+++++++++++++++++++++++++++++++++++++++++');
    });
</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值