学习JSON从基础开始,不急不慌走稳脚步。

125 阅读1分钟

前言: 之所以写这个,也是因为从非前后端分离走出来,碰壁很多吧,所以私下学习整理一些关于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

        }
    }

其他注意事项:

json 无length,所以不能用for循环去做遍历,

但是 数组的话, 我们还是可以用 for..in 来做循环的。 但是json 就无福消受 for 循环啦。