Rumah > Artikel > hujung hadapan web > Bagaimana untuk mencipta rentetan dengan menggabungkan elemen tatasusunan dalam JavaScript?

Bagaimana untuk mencipta rentetan dengan menggabungkan elemen tatasusunan dalam JavaScript?

WBOYke hadapan: 2023-08-24 22:25:05923semak imbas

如何在 JavaScript 中通过连接数组的元素来创建字符串？

Dalam tutorial ini, kita akan belajar cara mencipta rentetan dengan menggabungkan elemen tatasusunan dalam JavaScript. Kami akan melihat dua cara berbeza untuk menyelesaikan tugas ini. Kaedah pertama ialah menggunakan pengendali tambahan (+) mudah untuk menambah elemen tatasusunan dan pembatas. Kaedah kedua ialah menggunakan kaedah join().

Kaedah 1: Gunakan operator penambahan (+)

Dalam kaedah ini kita akan menghantar dua parameter kepada fungsi iaitu tatasusunan elemen yang perlu kita sertai, parameter kedua akan menjadi pembatas yang perlu diberikan oleh pengguna, pada asasnya pembatas adalah elemen perantaraan, yang akan menggabungkan rentetan di mana boleh terdapat ruang, koma atau sebarang perkataan antara setiap elemen nilai tatasusunan.

Algoritma

Langkah 1 - Buat tatasusunan bernama arr yang mengandungi elemen. Gunakan atribut innerHTML untuk memaparkan tatasusunan.
LANGKAH 2 - Buat pembolehubah bernama ans untuk menyimpan rentetan yang terhasil. Mulakan tatasusunan menggunakan elemen pertamanya.
Langkah 3 - Tentukan pemisah. Kami mentakrifkannya sebagai pembolehubah dengan ruang.
Langkah 4 - Gelung melalui elemen tatasusunan bermula dari nilai indeks 1 kerana kita telah memulakan elemen 0^th kepada rentetanans Gunakan operator "+" untuk menambah elemen tatasusunan pada rentetan ans .
Langkah 5 - Akhir sekali paparkan rentetan terakhir menggunakan atribut innerHTML.

Pseudokod untuk algoritma di atas kelihatan seperti ini -

var arr=["first", "second", "third", "fourth", "fifth"];
var ans=arr[0];
var separate = " ";
for(var i=1;i<arr.length;i++){
   ans+=separate+arr[i];
}
document.getElementById('writeHere').innerHTML=ans

Kami mempunyai tatasusunan dengan nilai tertentu dan pembolehubah berasingan akan mengambil pembatas sebagai input daripada pengguna.

Kami menyemak jika pengguna tidak memasukkan sebarang pembatas, maka secara lalai kami akan memberikan pembatas sebagai ruang.

Contoh

Kami mengambil pembolehubah ^ans dengan elemen tatasusunan 0thth kerana elemen pertama tidak akan mempunyai sebarang pembatas dan kemudian menggunakan gelung bermula dari indeks pertama iaitu nilai 2nd kita mula Lelaran dan gabungkan semua elemen tatasusunan selari dengan pembolehubah ans. Mari benamkan kod fungsi ke dalam HTML.

<html>
<body>
   <p>arr=["Tutorials", "Point", "Simply", "Easy", "Learning"]</p>
   <input type="text" placeholder="Seperator" id="separate" />
   <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/>
   <p id="writeHere">After joning array is:..</p>
   <script>
      function joinTheArr(){
         var arr=["Tutorials", "Point", "Simply", "Easy", "Learning"];
         var separate=document.getElementById("separate").value
         if(!separate)separate=" "
         console.log(separate)
         var ans=arr[0];
         for(var i=1;i<arr.length;i++){
            ans+=separate+arr[i];
         }
         document.getElementById('writeHere').innerHTML=ans
      }
   </script>
</body>
</html>

Kaedah 2: Gunakan kaedah join()

Kaedah

join() menukar setiap elemen tatasusunan menjadi rentetan dan kemudian menggabungkan semua rentetan menggunakan pembatas yang pengguna mesti tentukan dan ia akan muncul di antara setiap elemen tatasusunan yang telah ditukar kepada rentetan, selepas semua itu mengembalikan tatasusunan sebagai rentetan. join() tidak mengubah suai tatasusunan asal.

Contoh

Dalam contoh di bawah, kami menggunakan kaedah join() untuk menggabungkan elemen tatasusunan dengan pembatas.

<!DOCTYPE html>
<html>
<body>
   <p>arr=["first", "second", "third", "fourth", "fifth"]</p>
   <input type="text" placeholder="Seperator" id="separate" />
   <input type="button" value="Join" onclick="joinTheArr()" id="JoinBtn"/>
   <p id="writeHere">After joning array is:<br><br></p>
   <script>
      function joinTheArr(){
         var arr=["first", "second", "third", "fourth", "fifth"];
         var separate=document.getElementById("separate").value
         if(!separate)
         separate=" ";
         arr=arr.join(separate);
         document.getElementById('writeHere').innerHTML+=arr
      }
   </script>
</body>
</html>

Idea di sini ialah kita menggunakan join arr.join(separate) dan tetapkan ia kembali kepada tatasusunan, kerana join mengembalikan tatasusunan sebagai rentetan.

Jadi, ini adalah cara kita mencipta rentetan dengan menggabungkan elemen tatasusunan.

Atas ialah kandungan terperinci Bagaimana untuk mencipta rentetan dengan menggabungkan elemen tatasusunan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

JavaScript html 运算符字符串循环 innerHTML 算法

Kenyataan：

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

Artikel sebelumnya：Bagaimana untuk menetapkan tempoh animasi dalam teks menggunakan FabricJS?Artikel seterusnya：Bagaimana untuk menetapkan tempoh animasi dalam teks menggunakan FabricJS?

Artikel berkaitan

Lihat lagi