Rumah > Artikel > hujung hadapan web > Bagaimana untuk melihat pelbagai struktur dalam JavaScript?

Bagaimana untuk melihat pelbagai struktur dalam JavaScript?

WBOYke hadapan: 2023-08-30 14:37:05752semak imbas

如何在 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);

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>

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)

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>

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()

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>

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!

JavaScript json 数据类型 String Array Object 字符串结构体 console 对象

Kenyataan：

Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam

Artikel sebelumnya：Bagaimana untuk menukar kelas elemen menggunakan JavaScript?Artikel seterusnya：Bagaimana untuk menukar kelas elemen menggunakan JavaScript?

Artikel berkaitan

Lihat lagi