✍ 📁 🙈 🙉 🙊 : JavaScript Array

JavaScript Array JSON
JSON.stringify(JSON) / Object.keys( ) / Object.values( )

<pre><p id="demo"></p></pre>
<script>
var text = '[{ "aa":"00" , "bb":"00000" },{ "aa":"11" , "bb":"11111" },{ "aa":"22" , "bb":"22222" } ]';

var parse= JSON.parse(text);
var stringify= JSON.stringify(text);

txt += "\n\n var parse= JSON.parse(text) ;"
txt += "\n var stringify= JSON.stringify(text) ;"
txt += "\n\n typeof text  = " + typeof text ;
txt += "\n typeof parse = " + typeof parse;
txt += "\n typeof stringify = " + typeof stringify;

txt += "\n\n parse = " + parse ; 
txt += "\n stringify = " + stringify;

txt += "\n\n JSON.stringify(parse)= " + JSON.stringify(parse );

txt += "\n\n JSON.stringify(parse, null , 2)= " + JSON.stringify(parse, null , 2);

txt += "\n\n JSON.stringify(parse, ['aa'],2)= " + 
             JSON.stringify(parse, ['aa'],2);

txt += "\n\n JSON.stringify(parse, ['bb'],2)= " + 
             JSON.stringify(parse, ['bb'],2);

//toString

txt +="<br><br><br><br><br>";
//txt += "JSON.stringify(obj) = " +JSON.stringify(obj)+ "<br><br>";

//txt += "JSON.parse(text) = "+ JSON.parse(text) + "<br><br>";
//txt += "obj  = "+ obj  + "<br><br>";

//txt += "obj.length = " + obj.length + "<br><br>";

//for(var x=0 ; x < parse.length; x++){
//  txt += "obj[parse].aa = "+obj[parse].aa+ '    ';
 // txt += "obj[parse].bb= " +obj[parse].bb+ "<br>"; }

document.getElementById("demo").innerHTML = txt
</script>

<pre><p id="demo"></p></pre>
<script>
var text = '[{ "aa":"00" , "bb":"00000" },{ "aa":"11" , "bb":"11111" },{ "aa":"22" , "bb":"22222" } ]';

var parse= JSON.parse(text);
var stringify= JSON.stringify(text);

txt += "\n\n var parse= JSON.parse(text) ;"
txt += "\n var stringify= JSON.stringify(text) ;"
txt += "\n\n typeof text  = " + typeof text ;
txt += "\n\n typeof parse = " + typeof parse;
txt += "\n\n typeof stringify = " + typeof stringify;

txt += "\n\n parse = " + parse ; 
txt += "\n stringify = " + stringify;

txt += "\n\n JSON.stringify(parse)= " + JSON.stringify(parse );

txt += "\n\n JSON.stringify(parse, null , 2)= " + JSON.stringify(parse, null , 2);

txt += "\n\n JSON.stringify(parse, ['aa'],2)= " + 
             JSON.stringify(parse, ['aa'],2);

txt += "\n\n JSON.stringify(parse, ['bb'],2)= " + 
             JSON.stringify(parse, ['bb'],2);

//toString

txt +="<br><br><br><br><br>";
//txt += "JSON.stringify(obj) = " +JSON.stringify(obj)+ "<br><br>";

//txt += "JSON.parse(text) = "+ JSON.parse(text) + "<br><br>";
//txt += "obj  = "+ obj  + "<br><br>";

//txt += "obj.length = " + obj.length + "<br><br>";

//for(var x=0 ; x < parse.length; x++){
//  txt += "obj[parse].aa = "+obj[parse].aa+ '    ';
 // txt += "obj[parse].bb= " +obj[parse].bb+ "<br>"; }

document.getElementById("demo").innerHTML = txt
</script>

<pre>
var D1 =  {"中文":[{item: "橙子" , Qty: 31 , from: "香港"} ,
                  {item: "蘋果" , Qty: 12 , from: "中國"} ,
                  {item: "檸檬" , Qty: 32 , from: "美國"} ,
                  {item: "芒果" , Qty: 22 , from: "日本"}],
           "英文":[{item: "orange" , Qty: 31 , from: "HK"} ,
                  {item: "apple" , Qty: 12 , from: "China"} ,
                  {item: "lemon" , Qty: 32 , from: "US"} ,
                  {item: "mango" , Qty: 22 , from: "Japan"}]   }

txt += "</r>\n\nD1 ☛ "    + D1 ;
txt += "\nD1.length ☛ "    + D1.length ;

txt += "\nObject.keys(D1) ☛ "    + Object.keys(D1) ;
txt += "\nObject.keys(D1).length ☛ "    + Object.keys(D1).length ;
txt += "\nObject.keys(D1)[0] ☛" + Object.keys(D1)[0] ; 
txt += "\nObject.keys(D1)[1] ☛" + Object.keys(D1)[1] ;
txt += "\nObject.keys(D1.中文).length ☛" + Object.keys(D1.中文).length ;
txt += "\nObject.keys(D1.英文).length ☛" + Object.keys(D1.英文).length ;
txt += "\n\nJSON.stringify(Object.keys(D1)) ☟\n" + 
        JSON.stringify(Object.keys(D1)) ;

txt += "\n\nObject.values(D1).length ☛" + Object.values(D1).length ;
txt += "\n\nJSON.stringify(Object.values(D1)[0]) ☟\n" + 
        JSON.stringify(Object.values(D1)[0]) ;
txt += "\n\nJSON.stringify(Object.values(D1)[1]) ☟\n" + 
        JSON.stringify(Object.values(D1)[1]) ;
txt += "\n\nJSON.stringify(Object.values(D1)) ☟\n" + 
        JSON.stringify(Object.values(D1)) ;

txt += "\n\nJSON.stringify(D1)  ☟\n" + 
JSON.stringify(D1);

txt += "\n\nJSON.stringify(Object.values(D1)[0] ) ☟\n" + JSON.stringify(Object.values(D1)[0] );

txt += "\n\nJSON.stringify(Object.values(D1)[1] ) ☟\n" + JSON.stringify(Object.values(D1)[1] );

txt += "\n\nD1.中文[0].item=" + D1.中文[0].item ;
txt += "  D1.中文[0].Qty=" + D1.中文[0].Qty ;  
txt += "  D1.中文[0].from="+ D1.中文[0].from ;

txt += "\nD1.中文[1].item=" + D1.中文[1].item ;
txt += "  D1.中文[1].Qty=" + D1.中文[1].Qty ;  
txt += "  D1.中文[1].from="+ D1.中文[1].from ;

txt += "\nD1.中文[2].item=" + D1.中文[2].item ;
txt += "  D1.中文[2].Qty=" + D1.中文[2].Qty ;  
txt += "  D1.中文[2].from="+ D1.中文[2].from ;

txt += "\nD1.中文[3].item=" + D1.中文[3].item ;
txt += "  D1.中文[3].Qty=" + D1.中文[3].Qty ;  
txt += "  D1.中文[3].from="+ D1.中文[3].from ;

txt += "\n\nD1.英文[0].item=" + D1.英文[0].item ;
txt += "  D1.英文[0].Qty=" + D1.英文[0].Qty ;  
txt += "  D1.英文[0].from="+ D1.英文[0].from ;

txt += "\nD1.英文[1].item=" + D1.英文[1].item ;
txt += "  D1.英文[1].Qty=" + D1.英文[1].Qty ;  
txt += "  D1.英文[1].from="+ D1.英文[1].from ;

txt += "\nD1.英文[2].item=" + D1.英文[2].item ;
txt += "  D1.英文[2].Qty=" + D1.英文[2].Qty ;  
txt += "  D1.英文[2].from="+ D1.英文[2].from ;

txt += "\nD1.英文[3].item=" + D1.英文[3].item ;
txt += "  D1.英文[3].Qty=" + D1.英文[3].Qty ;  
txt += "  D1.英文[3].from="+ D1.英文[3].from ;

demo.innerHTML = txt; 
</script>
<style>
pre { font-size: 20px ;
      white-space: pre-wrap;       /* css-3 */
      white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
      white-space: -o-pre-wrap;    /* Opera 7 */
      word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
r{font-size:20px;color:red;}

</style>

var Tt= '' ;

Tt += 'var Ay = ' + JSON.stringify(Ay) ;

Tt += '\n\nAy.length = ' + Ay.length ;
Tt += '\nAy = ' + Ay
Tt += '\nJSON.stringify(Ay) = ' + JSON.stringify(Ay) ;

Tt += '\n\nObject.keys(Ay).length = ' + Object.keys(Ay).length ; 
Tt += '<br>Object.keys(Ay[0]).length = ' + Object.keys(Ay[0]).length ; 
Tt += '<br>Object.keys(Ay[1]).length = ' + Object.keys(Ay[1]).length ; 
Tt += '<br>Object.keys(Ay[2]).length = ' + Object.keys(Ay[2]).length ;  
Tt += '\nJSON.stringify(Object.keys(Ay))    = ' + 
          JSON.stringify(Object.keys(Ay)) ;
Tt += '\nJSON.stringify(Object.keys(Ay[0])) = ' + 
          JSON.stringify(Object.keys(Ay[0])) ;
Tt += '\nJSON.stringify(Object.keys(Ay[1])) = ' + 
          JSON.stringify(Object.keys(Ay[1])) ;
Tt += '\nJSON.stringify(Object.keys(Ay[2])) = ' + 
          JSON.stringify(Object.keys(Ay[2])) ;

Tt += '<br><br>Object.values(Ay).length = ' + Object.values(Ay).length ; 
Tt += '<br>Object.values(Ay[0]) = ' + Object.values(Ay[0]) ; Tt += '<br>Object.values(Ay[1]) = ' + Object.values(Ay[1]) ; Tt += '<br>Object.values(Ay[2]) = ' + Object.values(Ay[2]) ;

Tt += '\n\nJSON.stringify(Object.values(Ay))    ☟\n' + 
          JSON.stringify(Object.values(Ay)) ;
Tt += '\n\nJSON.stringify(Object.values(Ay[0])) ☟\n' + 
          JSON.stringify(Object.values(Ay[0])) ;
Tt += '\n\nJSON.stringify(Object.values(Ay[1])) ☟\n ' + 
          JSON.stringify(Object.values(Ay[1])) ;
Tt += '\n\nJSON.stringify(Object.values(Ay[2])) ☟\n ' + 
          JSON.stringify(Object.values(Ay[2])) ;

var obj = JSON.parse(JSON.stringify(Ay));
Tt += '\n\n<r>var obj = JSON.parse(JSON.stringify(Ay))</r>'
Tt += '\nobj[0].aa = ' + obj[0].aa +'  obj[0].bb = '+obj[0].bb;
Tt += '\nobj[1].aa = ' + obj[1].aa +'  obj[1].bb = '+obj[1].bb;
Tt += '  obj[1].cc = ' + obj[1].cc ;
Tt += '\nobj[2].aa = ' + obj[2].aa +'  obj[2].bb = '+obj[2].bb;

demo.innerHTML = Tt;

</script>

Edit

#html #網頁格式 #style #div #JavaScript array 陣列 #JavaScript Array #html Array #JavaScript Array JSON #html Array JSON #html Object.keys() #JavaScript Object.keys() #html Object.values() #JavaScript Object.values()

✍ 📁 🙈 🙉 🙊

window Resize

html 測試左入右出

html 測試上入下出

html 測試單入單出

html 測試左單右單