学习JSON从基础开始，不急不慌走稳脚步。-CSDN博客

前言： 之所以写这个，也是因为从非前后端分离走出来，碰壁很多吧，所以私下学习整理一些关于JSON方面的基础入门，来帮助自己，也算是有需要朋友，在做之前，有一个简单的了解吧。那么闲话就说这么多。之后会用代码来说明。

那么接下来，我们先从json的格式来说起吧，请看下述代码：


// 格式1：

    let json = {
        'arr':['ceshi1','ceshi2','ceshi3','ceshi4'],
        'name':'Young',
        'age':28,
        'shuoTrue':false
    };

// 格式2：

    let arr = [{'name':'YoungC'},{'age':'28'},{'sex':'man'}];
    
//  上述是json的基础格式，左侧key值加‘’，是为了安全性。

    

复制代码

格式说完了，我们来了解一下获取json的数据。也是是我们常说的读写。


let json = {
        'arr':['ceshi1','ceshi2','ceshi3','ceshi4']
    };
    
// 读：

console.log(json.arr[2]);    //   ceshi3

//写

json.arr[0]= 'YoungC'

console.log(json.arr[0])     //YoungC


复制代码

那么接下来我们再来说说遍历json，也就是我们常用的 [ for..in ] 方法。

let json = {
        'arr':['ceshi1','ceshi2','ceshi3','ceshi4']
    };
    
//  还以上述的json举例

for(let key  in json){
    
    console.log(key)   //  arr
}


复制代码

上面是讲述了一下单一对json的一个循环，那么如果像上面循环完json，还想循环里面的数组我们要怎么做呢？


let json = {
        'arr':['ceshi1','ceshi2','ceshi3','ceshi4']
    };
    
//  还以上述的json举例

for(let key  in json){

        for(let i =0;i<json[key].length;i++){

            console.log(json[key][i])   //   ceshi1   ceshi2  ceshi3  ceshi4

        }
    }

复制代码