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

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

<p id="demo"></p> <script>var Ay= [{ "aa":"00" , "bb":"00000" },{ "aa":"1" , "bb":"11","cc":"111" }, { "aa":"22" , "bb":"22222"}] var obj = JSON.stringify(Ay) ; var Tt= '' ; Tt += 'var Ay= [{ "aa":"00" , "bb":"00000" },{ "aa":"1" , "bb":"11","cc":"111" }, { "aa":"22" , "bb":"22222"}]<br><br>'; Tt += '<r>obj</r> = JSON.stringify(Ay)' ; Tt += '<br><r>oby</r> ☛ ' + obj ; Tt += '<br>Ay.length = ' + Ay.length ; Tt += '<br>Object.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 += '<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]) ; demo.innerHTML = Tt; </script> <style>#demo{font-size:20px;} b{font-size:30px;color:blue;} r{font-size:20px;color:red;} </style>

00

<p id="demo"></p><script>var Ay= [ "00","11","22","33","44","55" ]; var txt =''; txt += 'var Ay= [ "00","11","22","33","44","55" ];<br><br>' ; txt += 'Ay☛ ' + Ay; txt += '<br>Ay.length ☛ ' + Ay.length ; txt += '<br>Object.keys(Ay).length ☛ ' + Object.keys(Ay).length ; txt += '<br>Object.values(Ay).length ☛ ' + Object.values(Ay).length ; txt +='<br>Ay[0] ☛ '+ Ay[0] + "<l /> Object.values(Ay)[0] ☛ "+Object.values(Ay)[0] ; txt+='<br>Ay[1] ☛ '+ Ay[1] + "<l /> Object.values(Ay)[1] ☛ "+Object.values(Ay)[1] ; txt+='<br>Ay[2] ☛ '+ Ay[2] + "<l /> Object.values(Ay)[2] ☛ "+Object.values(Ay)[2] ; txt+='<br>Ay[3] ☛ '+ Ay[3] + "<l /> Object.values(Ay)[3] ☛ "+Object.values(Ay)[3] ; txt+='<br>Ay[4] ☛ '+ Ay[4] + "<l /> Object.values(Ay)[4] ☛ "+Object.values(Ay)[4] ; txt+='<br>Ay[4] ☛ '+ Ay[5] + "<l /> Object.values(Ay)[5] ☛ "+Object.values(Ay)[5] ; demo.innerHTML = txt; </script> <style> L{padding-left: 4em;} #demo{font-size:22px;} </style>

00

<pre style="font-size: 20px ;">var D1 = {"中文":[{item: "橙子" , Qty: 31 , from: "香港"} ,<br /> {item: "蘋果" , Qty: 12 , from: "中國"} ,<br /> {item: "檸檬" , Qty: 32 , from: "美國"} ,<br /> {item: "芒果" , Qty: 22 , from: "日本"}],<br /> "英文":[{item: "orange" , Qty: 31 , from: "HK"} ,<br /> {item: "apple" , Qty: 12 , from: "China"} ,<br /> {item: "lemon" , Qty: 32 , from: "US"} ,<br /> {item: "mango" , Qty: 22 , from: "Japan"}] }<br /></pre> <p id="demo" style="font-size: 20px ;" ></p> <script>var txt ="" ; 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"}] } obj = JSON.stringify(D1) ; txt += "<br>Object.keys(D1) ☛" + Object.keys(D1).length ; txt += "<br>Object.keys(D1)[0] ☛" + Object.keys(D1)[0] ; txt += "<br>Object.keys(D1)[1] ☛" + Object.keys(D1)[1] ; txt += "<br>Object.keys(D1.中文).length ☛" + Object.keys(D1.中文).length ; txt += "<br>Object.keys(D1.英文).length ☛" + Object.keys(D1.英文).length ; txt += "<br><br>Object.values(D1).length ☛" + Object.values(D1).length ; txt += "<br><br>JSON.stringify(Object.values(D1)[0] ) ☛ " + JSON.stringify(Object.values(D1)[0] ); txt += "<br><br>JSON.stringify(Object.values(D1)[1] ) ☛ " + JSON.stringify(Object.values(D1)[1] ); txt += "<br><br>D1.中文[0].item ☛" + D1.中文[0].item ; txt += "      D1.中文[0].Qty ☛" ; txt += D1.中文[0].Qty ; txt += "      D1.中文[0].from ☛" ; txt += D1.中文[0].from ; txt += "<br>D1.中文[1].item ☛" + D1.中文[1].item ; txt += "      D1.中文[1].Qty ☛" ; txt += D1.中文[1].Qty ; txt += "      D1.中文[1].from ☛" ; txt += D1.中文[1].from ; txt += "<br>D1.中文[2].item ☛" + D1.中文[2].item ; txt += "      D1.中文[2].Qty ☛" ; txt += D1.中文[2].Qty ; txt += "      D1.中文[2].from ☛" ; txt += D1.中文[2].from ; txt += "<br>D1.中文[3].item ☛" + D1.中文[3].item ; txt += "      D1.中文[3].Qty ☛" ; txt += D1.中文[3].Qty ; txt += "      D1.中文[3].from ☛" ; txt += D1.中文[3].from ; txt += "<br><br>D1.英文[0].item ☛" + D1.英文[0].item ; txt += "      D1.英文[0].Qty ☛" ; txt += D1.英文[0].Qty ; txt += "      D1.英文[0].from ☛" ; txt += D1.英文[0].from ; txt += "<br>D1.中文[1].item ☛" + D1.英文[1].item ; txt += "      D1.英文[1].Qty ☛" ; txt += D1.英文[1].Qty ; txt += "      D1.英文[1].from ☛" ; txt += D1.英文[1].from ; txt += "<br>D1.英文[2].item ☛" + D1.英文[2].item ; txt += "      D1.英文[2].Qty ☛" ; txt += D1.英文[2].Qty ; txt += "      D1.英文[2].from ☛" ; txt += D1.英文[2].from ; txt += "<br>D1.中文[3].item ☛" + D1.中文[3].item ; txt += "      D1.中文[3].Qty ☛" ; txt += D1.中文[3].Qty ; txt += "      D1.中文[3].from ☛" ; txt += D1.中文[3].from ; txt += "<br><br>obj = JSON.stringify(D1)<br>" ; txt += "obj ☛" + obj ; demo.innerHTML = txt; </script>

00

<div id="Dp"></div><br> <script>var DDP = "<font size='5'>" var D1= {"0":"A","1":"B","2":"C","3":"D"}; obj = JSON.stringify(D1) DDP += 'var D1= {"0":"A","1":"B","2":"C","3":"D"};<br>' ; DDP += '<br> obj = JSON.stringify(D1) ;<br>' ; DDP += 'obj ☛ ' + obj ; DDP += '<br> Object.keys(D1).length ☛ '+ Object.keys(D1).length ; DDP += '<br> Object.keys(D1) ☛ '+ Object.keys(D1) ; DDP+='<br><br>Object.values(D1) = ' + Object.values(D1) ; DDP+='<br>Object.values(D1)[0] = ' + Object.values(D1)[0] ; DDP+='<br>Object.values(D1)[1] = ' + Object.values(D1)[1] ; DDP+='<br>Object.values(D1)[2] = ' + Object.values(D1)[2] ; DDP+='<br>Object.values(D1)[3] = ' + Object.values(D1)[3] ; DDP+='<br><br>D1[0] = ' + D1[0] ; DDP+='<br> D1[1] = ' + D1[1] ; DDP+='<br> D1[2] = ' + D1[2] ; DDP+='<br> D1[3] = ' + D1[3] ; Dp.innerHTML = DDP; </script> <style> l1{padding-left: 8em;} </style>

00

#JavaScript Array #html Array #JavaScript Array JSON #html Array JSON #html Object.keys() #JavaScript Object.keys() #html Object.values() #JavaScript Object.values()