Bagaimana untuk melihat pelbagai struktur dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk melihat pelbagai struktur dalam JavaScript?

WBOY

Lepaskan： 2023-08-30 14:37:05

ke hadapan

761 orang telah melayarinya

如何在 JavaScript 中查看结构体数组？

Cara paling mudah untuk nyahpepijat kod JavaScript ialah menggunakan console.log() yang digunakan oleh ramai pembangun. Kadangkala, kita perlu memahami struktur tatasusunan dan nilai yang disimpan untuk penyahpepijatan. Dalam tutorial ini, kita akan belajar melihat pelbagai struktur.

Pelbagai kaedah JavaScript membolehkan kami memeriksa struktur tatasusunan. Sebagai contoh, kita boleh mengetahui sama ada tatasusunan mengandungi objek, tatasusunan bersarang, rentetan, nombor atau nilai Boolean.

Gunakan kaedah JSON.stringify()

Kaedah JSON.stringify() membolehkan kami menukar objek JSON kepada rentetan. Tatasusunan juga merupakan objek dalam JavaScript, jadi kita boleh menggunakan kaedah JSON.stringify() untuk menukar tatasusunan kepada rentetan. Jika tatasusunan mengandungi objek, "[objek objek]" dipaparkan dalam rentetan hasil.

Tatabahasa

Pengguna boleh menggunakan kaedah JSON.stringify() mengikut sintaks berikut untuk melihat struktur tatasusunan.

JSON.stringify(array);

Salin selepas log masuk

Dalam sintaks di atas, kami menghantar tatasusunan sebagai parameter kaedah JSON.stringify().

Contoh

Dalam contoh di bawah, kami telah mencipta tatasusunan yang mengandungi pelbagai nilai seperti rentetan, boolean dan nombor. Selepas itu, kami menggunakan kaedah JSON.stringify() untuk melihat struktur tatasusunan.

<html>
<body>
   <h3>Using the <i> JSON.stringify() </i> method to view the array structure</h3>
   <div id = "content"> </div> 
   <script>
      let content = document.getElementById('content');
      function viewArray() {
         let test_array = ["Hello", "String 1", true, 30, false, 40];
         content.innerHTML = "The array structure is " + JSON.stringify(test_array);
      }
      viewArray();
   </script>
</body>
</html>

Salin selepas log masuk

Dalam output, pengguna boleh memerhati struktur test_array.

Gunakan kaedah array.join()

Kaedah

array.join() menukar semua elemen kepada rentetan dan bergabung dengan pembatas yang diluluskan sebagai hujahnya.

Tatabahasa

Pengguna boleh menggunakan kaedah tatasusunan.join() mengikut sintaks berikut untuk melihat struktur tatasusunan.

test_array.join(delimiter)

Salin selepas log masuk

Dalam sintaks di atas, kita perlu melepasi pembatas untuk memisahkan elemen tatasusunan dengan pembatas.

Contoh

Dalam contoh di bawah, test_array mengandungi rentetan, boolean, nombor dan objek. Kami menggabungkan elemen tatasusunan menggunakan "," pembatas dan memaparkan rentetan yang terhasil pada halaman web.

<html>
<body>
   <h2>Using the <i> array.join() </i> method to view the array structure.</h2>
   <div id = "content"></div>
   <script>
      let content = document.getElementById('content');
      function viewArray() {
         let test_array = ["value1", false, 3211, true, "value2", { name: "Shubham", age: 22, city: "Rajkot" }];
         content.innerHTML = "The array structure is " + test_array.join(', ');
      }
      viewArray();
   </script>
</body>
</html>

Salin selepas log masuk

Gunakan kaedah array.toString()

Kaedah toString() JavaScript digunakan untuk menukar nilai mana-mana objek atau jenis data lain selain rentetan kepada rentetan. Kita boleh menggunakan kaedah toString() tatasusunan untuk menukar tatasusunan kepada rentetan dan melihat struktur tatasusunan.

Tatabahasa

Pengguna boleh menggunakan kaedah toString() pada tatasusunan mengikut sintaks berikut untuk melihat struktur tatasusunan dengan menukar tatasusunan kepada rentetan.

test_array.toString()

Salin selepas log masuk

Contoh

Dalam contoh di bawah, kami mengambil test_array yang mengandungi pelbagai nilai sebagai rujukan dan melaksanakan kaedah toString(). Dalam output, pengguna boleh memerhati perwakilan rentetan tatasusunan. test_array mengandungi tatasusunan bersarang, yang juga ditukar kepada rentetan oleh kaedah toString().

<html>
<body>
   <h2>Using the <i> array.toString() </i> method to view the array structure.</h2>
   <div id = "content"></div>
   <script>
      let content = document.getElementById('content');
      function arrayStructure() {
         let test_array = [50, 60, false, true, "TypeScript", "JavaScript", [10, 20, 30]];
         content.innerHTML = "The array structure is " + test_array.toString();
      }
      arrayStructure();
   </script>
</body> 
</html>

Salin selepas log masuk

Pengguna mempelajari tiga cara berbeza untuk melihat struktur tatasusunan dalam tutorial ini. Dalam kaedah tersebut, pengguna perlu menulis baris kod. Oleh itu, pengguna boleh menggunakan mana-mana tiga kaedah ini berdasarkan tahap pemahaman dan keselesaan mereka.

Atas ialah kandungan terperinci Bagaimana untuk melihat pelbagai struktur dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!