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 相关文章推荐
js对象关系图 方便dom操作
Mar 18 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
jquery对Json的各种遍历方法总结(必看篇)
Sep 29 Javascript
JS实现图片上传预览功能
Nov 21 Javascript
ajax级联菜单实现方法实例分析
Nov 28 Javascript
浅谈原型对象的常用开发模式
Jul 22 Javascript
微信小程序中添加客服按钮contact-button功能
Apr 27 Javascript
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
May 26 Javascript
JavaScript引用类型Date常见用法实例分析
Aug 08 Javascript
JavaScript 面向对象基础简单示例
Oct 02 Javascript
vue使用原生swiper代码实例
Feb 05 Javascript
vue v-for出来的列表,点击某个li使得当前被点击的li字体变红操作
Jul 17 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
zf框架的校验器InArray使用示例
2014/03/13 PHP
php操作MongoDB基础教程(连接、新增、修改、删除、查询)
2014/03/25 PHP
php支付宝手机网页支付类实例
2015/03/04 PHP
javascript之bind使用介绍
2011/10/09 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
Bootstrap Table使用心得总结
2016/11/29 Javascript
js eval函数使用,js对象和字符串互转实例
2017/03/06 Javascript
Java与JavaScript中判断两字符串是否相等的区别
2017/03/13 Javascript
angular将html代码输出为内容的实例
2018/09/30 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
微信小程序实现录音时的麦克风动画效果实例
2019/05/18 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
CountUp.js数字滚动插件使用方法详解
2019/10/17 Javascript
Vue+Element自定义纵向表格表头教程
2020/10/26 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
全面了解python字符串和字典
2016/07/07 Python
Python使用当前时间、随机数产生一个唯一数字的方法
2017/09/18 Python
使用selenium和pyquery爬取京东商品列表过程解析
2019/08/15 Python
python学生信息管理系统实现代码
2019/12/17 Python
Django静态资源部署404问题解决方案
2020/05/11 Python
详解python定时简单爬取网页新闻存入数据库并发送邮件
2020/11/27 Python
使用python操作lmdb对数据读取的实例
2020/12/11 Python
英国家用电器购物网站:Hughes
2018/02/23 全球购物
农救科工作职责
2013/11/27 职场文书
《山谷中的谜底》教学反思
2014/04/26 职场文书
骨干教师考核方案
2014/05/09 职场文书
敲诈同学钱财检讨书范文
2014/11/18 职场文书
爱情保证书
2015/01/17 职场文书
暂住证明怎么写
2015/06/19 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
php远程请求CURL案例(爬虫、保存登录状态)
2021/04/01 PHP