JSON format

<h3>JSON 格式</h3> <pre> 以 JavaScript 物件表示一筆資料 var obj = [ {"AA":"11", "BB":"22", "CCC":"33" }, {"BB":"1", "CC":"2" }];</pre> <table border="1"width="100%" > <tr><td> 1</td><td> var obj </td><td>得出二個物件 <c id="D1"></c> </td></tr><tr><td> 2</td><td> JSON.stringify(obj)</td><td> 得出字串化 <c id="D2"></c> </td></tr><tr><td> 3</td><td> obj.length </td><td>得出長度 <c id="D3"></c> </td></tr><tr><td> 4</td><td> Object.keys(obj).length </td><td>得出長度 <c id="D4"></c> </td></tr><tr><td> 5</td><td> Object.keys(obj[0]).length </td><td>得出長度 <c id="D5"></c> </td></tr><tr><td> 6</td><td> Object.keys(obj[1]).length </td><td>得出長度 <c id="D6"></c> </td></tr><tr><td> 7</td><td> JSON.stringify(obj[0]) </td><td>得出 <c id="D7"></c> </td></tr><tr><td> 8</td><td> JSON.stringify(obj[1]) </td><td>得出 <c id="D8"></c> </td></tr><tr><td> 9</td><td> obj[0].AA </td><td>得出 <c id="D9"></c> </td></tr><tr><td> 10</td><td> obj[0].BB </td><td>得出 <c id="D10"></c> </td></tr><tr><td> 11</td><td> obj[1].BB </td><td>得出 <c id="D11"></c> </td></tr></table> <script> var obj = [{"AA":"11", "BB":"22", "CCC":"33" }, {"BB":"1", "CC":"2" }]; D1.innerHTML= obj ; D2.innerHTML= JSON.stringify(obj) ; D3.innerHTML= obj.length ; D4.innerHTML= Object.keys(obj).length ; D5.innerHTML= Object.keys(obj[0]).length ; D6.innerHTML= Object.keys(obj[1]).length ; D7.innerHTML= JSON.stringify(obj[0]) ; D8.innerHTML= JSON.stringify(obj[1]) ; D9.innerHTML= obj[0].AA ; D10.innerHTML= obj[0].BB ; D11.innerHTML= obj[1].BB ; </script> <style> pre , td{font-size: 20px ;padding:3px 3px 3px 3px} h3 { text-align: center; font-size: 30px; font-weight: bold; text-shadow: 10px 6px 10px grey; color: blue; } </style>

00

<h3>JSON 格式</h3> <pre> var obj1 = [{ aa:"aaa", bb:"bbb" }] var obj2 = [{ cc:"cc" , dd:"dd" }] var TTT = obj1.concat({new:"new"} , obj2) TTT = <c id="c1"></c> JSON.stringify(TTT) = ⇊ <c id="c2"></c> TTT.length = <c id="c3"></c> delete TTT[1].new; = ⇊ <c id="c4"></c> </pre> <script> var obj1 = [{ aa:"aaa", bb:"bbb" }]; var obj2 = [{ cc:"cc", dd:"dd" }]; var TTT = obj1.concat({new:"new"} , obj2) c1.innerHTML= TTT ; c2.innerHTML= JSON.stringify(TTT) ; c3.innerHTML=TTT.length ; delete TTT[1].new; c4.innerHTML= JSON.stringify(TTT) ; </script> <style> pre {font-size: 20px ;} h3 { text-align: center; font-size: 30px; font-weight: bold; text-shadow: 10px 6px 10px grey; color: blue; } </style>

00

Edit