圖文詳解JavaScript中陣列轉換為字串的兩種方法
- yulia原創
- 2018-10-09 14:22:3520415瀏覽
在前端開發中常常需要使用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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn