Detailed steps of JS foreground parsing of complex JSON data "case: I"

One 、 Go straight to the code !
This is from the backstage to the front desk json Format string ：

var p = '{"spec": [{"a": "XS"}, {"b": "S"}, {"2": "M"}, {"3": "L"}, {"4": "XL"}, {"5": "XXL"}]}'

1. The first step is to turn first First the json String to JavaScript object :

var  a =JSON.parse(p) ;

Direct output , Take a look at the data format

a

Verify the data format

typeof(a)

typeof(p)

Verification is OK ！

2. Loop data
As shown in the figure below , Analysis data format :

JavaScript object The attribute name ：spec The corresponding value is length 6 Array of ,
6 Elements They have their own key And corresponding value

3. Circular array , Get data ！
 Get the array ：

a.spec

a.spec.forEach(function(obj,index){
    
     console.log(Object.keys(obj)[0]);
     console.log(Object.values(obj)[0]);
})

adopt Object.keys(obj)[0] Method , obtain Array Element object key value , Cycle and print ：
adopt Object.values(obj)[0] Method , obtain Array Element object value value , Cycle and print ：

Okay , That's it , Have a question ,
Welcome to exchange ：QQ 1531613221 QQ Group 201455739