JavaScript實現(xiàn)將數(shù)組中所有元素連接成一個字符串的方法

更新時間：2015年04月06日 16:01:57 作者：work24

這篇文章主要介紹了JavaScript實現(xiàn)將數(shù)組中所有元素連接成一個字符串的方法,涉及javascript中采用join方法進行數(shù)組轉(zhuǎn)化的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了JavaScript實現(xiàn)將數(shù)組中所有元素連接成一個字符串的方法。分享給大家供大家參考。具體如下：

下面的代碼演示了JS中如何通過數(shù)組對象的join方法將數(shù)組元素連接成一個字符串輸出

<!DOCTYPE html>
<html>
<body>
<p id="demo">
Click the button to join the array elements into a string.
</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana","Orange","Apple","Mango"];
var x=document.getElementById("demo");
x.innerHTML=fruits.join();
}
</script>
</body>
</html>

運行結(jié)果如下：

Banana,Orange,Apple,Mango

希望本文所述對大家的javascript程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案
這篇文章主要介紹了JS 組件系列之Bootstrap Table 凍結(jié)列功能IE瀏覽器兼容性問題解決方案,需要的朋友可以參考下
2017-06-06
JS刪除數(shù)組中某個元素的四種方式總結(jié)
js刪除指定元素方法有很多,下面這篇文章主要給大家介紹了關(guān)于JS刪除數(shù)組中某個元素的四種方式,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2023-02-02
關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些
代碼規(guī)范并不是一種編寫正確JavaScript代碼的規(guī)則，而是為了保持源代碼編寫模式一致的一種選擇。這篇文章給大家介紹了關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些，感興趣的朋友一起看看吧
2018-04-04
JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能
這篇文章主要介紹了JavaScript利用構(gòu)造函數(shù)和原型的方式模擬C#類的功能。需要的朋友可以過來參考下，希望對大家有所幫助
2014-03-03
JavaScript實現(xiàn)伸縮二級菜單
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)伸縮二級菜單，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-10-10
清除輸入框內(nèi)的空格
本文主要分享了js實現(xiàn)清除輸入框內(nèi)的空格的代碼，代碼簡單易懂，需要的朋友一起來看下吧
2016-12-12
web網(wǎng)絡(luò)安全之跨站腳本攻擊(XSS)詳解
這篇文章主要介紹了web網(wǎng)絡(luò)安全之跨站腳本攻擊(XSS)的相關(guān)資料,跨站腳本攻擊XSS是一種常見的Web安全漏洞,攻擊者通過注入惡意腳本誘使用戶執(zhí)行,可能導(dǎo)致竊取敏感信息或執(zhí)行惡意操作,需要的朋友可以參考下
2025-03-03
JavaScript中使用Substring刪除字符串最后一個字符
刪除字符串最后一個字符的方法有很多，在本文將為大家介紹下js中的substring是如何做到的，需要的朋友可以參考下
2013-11-11
JS圖片無縫、平滑滾動代碼
這篇文章主要介紹了JS圖片無縫、平滑滾動的實現(xiàn),需要的朋友可以參考下
2014-03-03
百度地圖給map添加右鍵菜單（判斷是否為marker）
這篇文章主要介紹了百度地圖給map添加右鍵菜單（判斷是否為marker）的相關(guān)資料,需要的朋友可以參考下
2016-03-03