JavaScript—JSON

简介: JSON几乎是目前前后端交互最常用的数据格式,所以JSON对象使用的频率也很高。JSON对象只提供了两个方法,一个用于序列化JSON(将JavaScirpt对象转换成JSON,JSON.parse),一个用于反序列化JSON(将JSON转换成JavaScript对象,JSON.stringify)。

@[TOC]

前言

JSON 几乎是目前前后端交互最常用的数据格式,所以 JSON 对象使用的频率也很高。

JSON 对象只提供了两个方法,一个用于序列化 JSON(将JavaScirpt对象转换成JSON,JSON.parse) ,一个用于反序列化 JSON(将JSON转换成JavaScript对象,JSON.stringify) 。

1. JSON.parse

JSON的语法规则:

    数据是名称/值对,数据由逗号分隔,花括号保存对象,方括号保存数组

JSON.parse 用于解析 JSON 格式的字符串,将 JSON 转化成 JavaScript 对象。
格式:

JSON.parse(JSON字符串, 处理函数);

JSON.parse举例

    <script>
        var str = '{ "name": "小腾", "age": 21, "email" : "ateng1118@163.com" }';

        var user = JSON.parse(str);

        console.log(user); // 输出一个 JavaScript 对象
       
    </script>

运行截图:
在这里插入图片描述
业务逻辑中很少会用第二个参数来处理解析内容。故而不演示了。

2. JSON.stringify

JSON.stringify 用于将JavaScript对象转换成 JSON 格式的字符串。
格式:

JSON.stringify(JavaScript对象, 处理函数, 缩进空格字符数量);
    <script>
            var user = {
            name: '小美',
            age: 18,
            "email" : "meimeimei@168.com" 
        };

        var json = JSON.stringify(user);

        console.log(json);
        
    </script>

运行截图:
在这里插入图片描述
第二个参数演示:

    <script>
        var user = {
             name: '小美',
             age: 18,
             "email": "meimeimei@168.com"
         };


        var json = JSON.stringify(user, function (key, value) {
            if (key === '') {
                return value;
            }

            return '我已经被改变了';
        });

        console.log(json);
    </script>

运行截图:
在这里插入图片描述
可以看到,所有的值都被改变了。
第三个值一般是调试的时候用的,故不多演示。

3.小结

JavaScript 内置的 JSON对象 用于处理 JSON 。

前后端数据交互的时候会经常用到,无论是前端工程师还是后端开发,都必须熟练掌握JSON。

相关文章
|
1月前
|
JSON JavaScript 前端开发
JavaScript原生代码处理JSON的一些高频次方法合集
JavaScript原生代码处理JSON的一些高频次方法合集
|
4月前
|
XML JSON JavaScript
|
4月前
|
JSON JavaScript 前端开发
JavaScript 如何对 JSON 数据进行冒泡排序?
JavaScript 如何对 JSON 数据进行冒泡排序?
52 0
|
5月前
|
JSON JavaScript 前端开发
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
前端 ex2json 用于 vue/react/js 将 xls、xlsx、csv 文件转成 json 数组
97 0
|
5月前
|
JSON JavaScript API
Node.js(nodejs)对本地JSON文件进行增、删、改、查操作(轻车熟路)
Node.js(nodejs)对本地JSON文件进行增、删、改、查操作(轻车熟路)
|
5月前
|
JSON JavaScript 数据格式
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
JS 将 json 对象转成字符串并保留格式 - JSON.stringify()
67 0
|
3月前
|
JSON JavaScript 前端开发
Python之JavaScript逆向系列——接口JSON信息获取与操作
Python之JavaScript逆向系列——接口JSON信息获取与操作
56 0
|
4月前
|
JSON JavaScript Android开发
JS生成JSON字符串---autojs pro 篇
JS生成JSON字符串---autojs pro 篇
36 0
|
4月前
|
JSON 资源调度 JavaScript
Node.js专题讲解 第2期 package.json
Node.js专题讲解 第2期 package.json
58 0
|
4月前
|
JSON 前端开发 JavaScript
将 JavaScript 对象或值转换为 JSON 字符串:JSON.stringify()
将 JavaScript 对象或值转换为 JSON 字符串:JSON.stringify()
74 3