JavaScript实现将数组中所有元素连接成一个字符串的方法


Posted in Javascript onApril 06, 2015

本文实例讲述了JavaScript实现将数组中所有元素连接成一个字符串的方法。分享给大家供大家参考。具体如下:

下面的代码演示了JS中如何通过数组对象的join方法将数组元素连接成一个字符串输出

<!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>

运行结果如下:

Banana,Orange,Apple,Mango

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
May 25 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 Javascript
Laravel中常见的错误与解决方法小结
Aug 30 Javascript
原生JS版和jquery版实现checkbox的全选/全不选/点选/行内点选(Mr.Think)
Oct 29 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
Web纯前端“旭日图”实现元素周期表
Mar 10 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
浅析Visual Studio Code断点调试Vue
Feb 27 Javascript
vue项目打包部署_nginx代理访问方法详解
Sep 20 Javascript
Vue实现导航栏点击当前标签变色功能
Aug 19 Javascript
vue el-tree 默认展开第一个节点的实现代码
May 15 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
Apr 06 #Javascript
JavaScript使用push方法添加一个元素到数组末尾用法实例
Apr 06 #Javascript
JavaScript使用shift方法移除素组第一个元素实例分析
Apr 06 #Javascript
JavaScript使用slice函数获取数组部分元素的方法
Apr 06 #Javascript
JavaScript实现数字数组正序排列的方法
Apr 06 #Javascript
JavaScript实现数字数组按照倒序排列的方法
Apr 06 #Javascript
JavaScript实现数组在指定位置插入若干元素的方法
Apr 06 #Javascript
You might like
APACHE的AcceptPathInfo指令使用介绍
2013/01/18 PHP
WordPress中登陆后关闭登陆页面及设置用户不可见栏目
2015/12/31 PHP
php结合web uploader插件实现分片上传文件
2016/05/10 PHP
Laravel4中的Validator验证扩展用法详解
2016/07/26 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
js几个不错的函数 $$()
2006/10/09 Javascript
JS时间选择器 兼容IE6,7,8,9
2012/06/26 Javascript
jquery五角星评分插件示例分享
2014/02/21 Javascript
js判断上传文件类型判断FileUpload文件类型代码
2014/05/20 Javascript
Javascript基础知识(二)事件
2014/09/29 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
2015/12/12 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
js仿百度登录页实现拖动窗口效果
2016/03/11 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
JavaScript数组操作函数汇总
2016/08/05 Javascript
浅谈js中StringBuffer类的实现方法及使用
2016/09/02 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
如何解决React官方脚手架不支持Less的问题(小结)
2018/09/12 Javascript
浅谈关于vue中scss公用的解决方案
2019/12/02 Javascript
js实现烟花特效
2020/03/02 Javascript
JS函数参数的传递与同名参数实例分析
2020/03/16 Javascript
[40:03]RNG vs VG 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
简单介绍Python中的readline()方法的使用
2015/05/24 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
Python解决八皇后问题示例
2018/04/22 Python
pyside+pyqt实现鼠标右键菜单功能
2020/12/08 Python
python多线程与多进程及其区别详解
2019/08/08 Python
Python协程 yield与协程greenlet简单用法示例
2019/11/22 Python
Windows 下更改 jupyterlab 默认启动位置的教程详解
2020/05/18 Python
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
Shopee新加坡:东南亚与台湾电商平台
2019/01/25 全球购物
学前班教师的自我鉴定
2013/12/05 职场文书
管理提升方案
2014/06/04 职场文书
详解OpenCV获取高动态范围(HDR)成像
2022/04/29 Python