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 相关文章推荐
jQuery学习4 浏览器的事件模型
Feb 07 Javascript
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
Mar 23 Javascript
JQuery优缺点分析说明
Apr 10 Javascript
一款jquery特效编写的大度宽屏焦点图切换特效的实例代码
Aug 05 Javascript
JS实现鼠标点击展开或隐藏表格行的方法
Mar 03 Javascript
Java File类的常用方法总结
Mar 18 Javascript
完美实现仿QQ空间评论回复特效
May 06 Javascript
jquery显示loading图片直到网页加载完成的方法
Jun 25 Javascript
node.js爬虫爬取拉勾网职位信息
Mar 14 Javascript
简单实现js轮播图效果
Jul 14 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
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
提升PHP执行速度全攻略(上)
2006/10/09 PHP
Destoon实现多表查询示例
2014/08/21 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
laravel框架语言包拓展实现方法分析
2019/11/22 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
45个JavaScript编程注意事项、技巧大全
2015/02/11 Javascript
javascript实现模拟时钟的方法
2015/05/13 Javascript
JavaScript中的Function函数
2015/08/27 Javascript
jQuery animate和CSS3相结合实现缓动追逐效果附源码下载
2016/04/18 Javascript
浅谈angularjs module返回对象的坑(推荐)
2016/10/21 Javascript
详解js运算符单竖杠“|”与“||”的用法和作用介绍
2016/11/04 Javascript
AngularJS的Filter的示例详解
2017/03/07 Javascript
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
详细教你微信公众号正文页SVG交互开发技巧
2019/07/25 Javascript
vue实现侧边栏导航效果
2019/10/21 Javascript
vue指令v-html使用过滤器filters功能实例
2019/10/25 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
Vue引入Stylus知识点总结
2020/01/16 Javascript
JavaScript实现点击切换验证码及校验
2021/01/10 Javascript
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
Python上下文管理器和with块详解
2017/09/09 Python
python实现简单神经网络算法
2018/03/10 Python
Windows下Python3.6安装第三方模块的方法
2018/11/22 Python
HTML5之SVG 2D入门10—滤镜的定义及使用
2013/01/30 HTML / CSS
美国最便宜的旅游网站:CheapTickets
2017/07/09 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
鲜果饮品店创业计划书
2014/01/21 职场文书
宿舍违规用电检讨书
2014/02/16 职场文书
行政监察建议书
2014/05/19 职场文书
运动会报道稿300字
2014/10/02 职场文书
2016年暑假学生家长评语
2015/12/01 职场文书