首頁 > web前端 > js教程 > 圖文詳解JavaScript中陣列轉換為字串的兩種方法

圖文詳解JavaScript中陣列轉換為字串的兩種方法

yulia
發布: 2018-10-09 14:22:35
原創
20513 人瀏覽過

在前端開發中常常需要使用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(&#39;&#39;);
   document.write("类型是:"+typeof(str)+",字符串是:"+str);   
  }
 </script>
</html>
登入後複製

效果圖:

圖文詳解JavaScript中陣列轉換為字串的兩種方法

join() 方法可以設定不同的分隔符,並將字串中的內容分隔開。例如,join(‘/’) ,就可以達到如下效果。

效果圖:

圖文詳解JavaScript中陣列轉換為字串的兩種方法

二、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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板