在前端開發中常常需要使用JavaScript,那你知道如何將JS陣列轉換成字串嗎?這篇文章就跟大家講講JS陣列物件轉字串的方法,有興趣的朋友可以參考一下,希望可以幫助你。
一、join將陣列轉換成字串
join() 方法可以將陣列中的所有元素轉換為字串,並且所有主流瀏覽器都支援join() 方法。
範例:定義一個數組,點擊按鈕實現數組轉換為字串,並在頁面中顯示類型和結果。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <p id="demo">点击按钮将数组转为字符串</p> <button onclick="myFunction()">点击</button> </body> <script type="text/javascript"> function myFunction(){ var animal = ["dog", "cat", "elephant", "tiger"]; var str=animal.join(''); document.write("类型是:"+typeof(str)+",字符串是:"+str); } </script> </html>
效果圖:
join() 方法可以設定不同的分隔符,並將字串中的內容分隔開。例如,join(‘/’) ,就可以達到如下效果。
效果圖:
二、toString將陣列轉換為字串
toString() 方法也可以將陣列物件轉換為字串,並且所有主流瀏覽器都支援toString方法,但是它不可以設定分隔符號樣式。
範例:定義一個數組,點擊按鈕實現數組轉換為字串,並在頁面中顯示類型和結果。
<script type="text/javascript"> function myFunction(){ var animal = ["dog", "cat", "elephant", "tiger"]; var str=animal.toString(); document.write("类型是:"+typeof(str)+",字符串是:"+str); } </script>
toString() 方法的效果和上圖一樣。
以上介紹了兩種方法將JS陣列轉換成字串,一種是join()函數方法,另一種是toString方法,但是join()方法可以設定分隔符號的樣式,toString方法預設是逗號分隔符,工作中具體選擇什麼方法看個人習慣和項目需要,初學者可以自己動手嘗試,希望這篇文章對你有所幫助!更多相關教學請造訪 JavaScript影片教學 php公益訓練
#以上是圖文詳解JavaScript中陣列轉換為字串的兩種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!