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 一个函数对同一元素的多个事件响应
Jul 25 Javascript
Jquery+ajax请求data显示在GridView上(asp.net)
Aug 27 Javascript
Javascript实现的类似Google的Div拖动效果代码
Aug 09 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
JS中产生20位随机数以0-9为例也可以是a-z A-Z
Aug 01 Javascript
z-blog SyntaxHighlighter 长代码无法换行解决办法(jquery)
Nov 16 Javascript
JS实现简单的图书馆享元模式实例
Jun 30 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
使用Vue实现简单计算器
Feb 25 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 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
Ha0k 0.3 PHP 网页木马修改版
2009/10/11 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
java script编程起步(第三课)
2007/01/10 Javascript
自己开发Dojo的建议框架
2008/09/24 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
2013/11/13 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
bootstrap 模态框(modal)实现水平垂直居中显示
2017/01/23 Javascript
使用clipboard.js实现复制功能的示例代码
2017/10/16 Javascript
基于Swiper实现移动端页面图片轮播效果
2017/12/28 Javascript
微信小程序实现简单表格
2019/02/14 Javascript
Javascript删除数组里的某个元素
2019/02/28 Javascript
vue 进阶之实现父子组件间的传值
2019/04/26 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
element-ui中Table表格省市区合并单元格的方法实现
2019/08/07 Javascript
Layui实现数据表格中鼠标悬浮图片放大效果,离开时恢复原图的方法
2019/09/11 Javascript
Vue过滤器,生命周期函数和vue-resource简单介绍
2021/01/12 Vue.js
[44:37]完美世界DOTA2联赛PWL S3 Forest vs access 第一场 12.11
2020/12/13 DOTA
Python随机生成一个6位的验证码代码分享
2015/03/24 Python
Python读取图片为16进制表示简单代码
2018/01/19 Python
如何通过50行Python代码获取公众号全部文章
2019/07/12 Python
tensorflow基于CNN实战mnist手写识别(小白必看)
2020/07/20 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
HTML5的结构和语义(1):前言
2008/10/17 HTML / CSS
Html5元素及基本语法详解
2016/08/02 HTML / CSS
HTML5在手机端实现视频全屏展示方法
2020/11/23 HTML / CSS
国际旅客访问北美最大的汽车租赁提供商:Alamo Rent A Car
2018/06/13 全球购物
接口可以包含哪些成员
2012/09/30 面试题
护士长竞聘演讲稿
2014/04/30 职场文书
代理人委托书
2014/08/01 职场文书
活动总结新闻稿
2014/08/30 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
回门宴新娘答谢词
2015/09/29 职场文书
SQL Server远程连接的设置步骤(图文)
2022/03/23 SQL Server