IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 开发工具 -> javascript中json的使用 -> 正文阅读

[开发工具]javascript中json的使用

场景

在开发中,需要对部分信息进行阶段性保存,后续也需要读取,为方便使用,决定将信息转换为json,在使用中方便利用json的特性进行添加与修改

String互转JSON

String转换JSON时采用JSON.parse 方法
JSON转换String时采用JSON.stringify方法

let str= "";
let str_json = JSON.parse(str);      
console.log("str_json ="+JSON.stringify(str_json)); //报错

str= "{}";
str_json = JSON.parse(str);      
console.log("str_json ="+JSON.stringify(str_json)); //打印 {}
说明:要将数据转换为json类的前提是需要数据满足基本的json格式,即使为空,也需要满足基本格式

JSON数据处理

 let str= "{\"channel\":0,\"err\":1}";
 let str_json = JSON.parse(str); 
 //读取JSON中的子元素
 console.log("str_json ="+JSON.stringify(str_json));//打印 str_json ={"channel":0,"err":1}
 console.log("str_json channel="+str_json.channel);//打印 str_json channel=0
 console.log("str_json err="+str_json.err); //打印 str_json err=1

//设置JSON中的子元素
str_json.name = "test";
 str_json.channel = 1;
 str_json.err = "3";
 console.log("str_json ="+JSON.stringify(str_json)); //打印 str_json ={"channel":1,"err":"3","name":"test"}
 //说明:添加name元素时自动添加,修改时不论值类型如何,以设置类型为准

JSON多维数据

以二维数据为例

        function addtest(str_1,channel,err){        
            let json_tem = str_1 ;           
            let arr  =
            {
                "channel" : channel,
                "err" : err
            };          
           
            json_tem.push(arr); 
            return json_tem;           
        }
        function test_1(){
            let str= "[{\"channel\":0,\"err\":0}]";
            let  str_json = JSON.parse(str);            
            str_json = addtest(str_json,0,2) 
            console.log("str_json ="+JSON.stringify(str_json)); //打印 str_json =[{"channel":0,"err":0},{"channel":0,"err":2}]
        }
        说明:二维数组添加时,不会根据key-value相同而直接更新,如有需要需要自动更新,简要的更新代码如下

更新 addtest中信息

        function addtest(str_1,channel,err){ //json添加字符            
            let json_tem = str_1 ;           
            let arr  =
            {
                "channel" : channel,
                "err" : err
            };   
            //添加如下代码
            for(k=0;k<json_tem.length;k++){
                if(json_tem[k].channel == channel){
                    json_tem[k].err = err;
                    break;
                }
                if(k==json_tem.length-1){
                    json_tem.push(arr);
                }
            }   
            return json_tem;           
        }

        function test_1(){
            let str= "[{\"channel\":0,\"err\":0}]";
            let  str_json = JSON.parse(str);            
            str_json = addtest(str_json,1,2) 
            console.log("str_json ="+JSON.stringify(str_json));
            str_json = addtest(str_json,1,9) 
            console.log("str_json ="+JSON.stringify(str_json));
        }
        //打印信息
        //str_json =[{"channel":0,"err":0},{"channel":1,"err":2}]
        //str_json =[{"channel":0,"err":0},{"channel":1,"err":9}]
  开发工具 最新文章
Postman接口测试之Mock快速入门
ASCII码空格替换查表_最全ASCII码对照表0-2
如何使用 ssh 建立 socks 代理
Typora配合PicGo阿里云图床配置
SoapUI、Jmeter、Postman三种接口测试工具的
github用相对路径显示图片_GitHub 中 readm
Windows编译g2o及其g2o viewer
解决jupyter notebook无法连接/ jupyter连接
Git恢复到之前版本
VScode常用快捷键
上一篇文章      下一篇文章      查看所有文章
加:2022-03-21 21:12:07  更:2022-03-21 21:15:56 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/26 5:29:02-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码