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实现select添加实现后台权限添加的效果
May 28 Javascript
node.js中使用node-schedule实现定时任务实例
Jun 03 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
详解JavaScript中localStorage使用要点
Jan 13 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
Dec 17 Javascript
Bootstrap列表组学习使用
Feb 09 Javascript
js 博客内容进度插件详解
Feb 19 Javascript
jquery+css实现下拉列表功能
Sep 03 jQuery
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
Apr 22 Javascript
JavaScript实现多球运动效果
Sep 07 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
全国中波电台频率表
2020/03/11 无线电
php使用array_rand()函数从数组中随机选择一个或多个元素
2014/04/28 PHP
PHP 获取ip地址代码汇总
2015/07/05 PHP
PHP实现XML与数据格式进行转换类实例
2015/07/29 PHP
php is_executable判断给定文件名是否可执行实例
2016/09/26 PHP
PHP实现字母数字混合验证码功能
2019/07/11 PHP
MooTools 1.2介绍
2009/09/14 Javascript
五段实用的js高级技巧
2011/12/20 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery插件bxSlider实现响应式焦点图
2015/04/12 Javascript
jQuery实现首页图片淡入淡出效果的方法
2015/06/10 Javascript
给easyui的datebox控件添加清空按钮的实现方法
2016/11/09 Javascript
Nodejs--post的公式详解
2017/04/29 NodeJs
JQuery实现定时刷新功能代码
2017/05/09 jQuery
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
2017/11/22 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
vue 使用ref 让父组件调用子组件的方法
2018/02/08 Javascript
使用淘宝镜像cnpm安装Vue.js的图文教程
2018/05/17 Javascript
基于vue实现一个禅道主页拖拽效果
2019/05/27 Javascript
webpack + vue 打包生成公共配置文件(域名) 方便动态修改
2019/08/29 Javascript
vue3.0封装轮播图组件的步骤
2021/03/04 Vue.js
[01:54]TI珍贵瞬间系列(三):翻盘
2020/08/28 DOTA
解决Mac安装scrapy失败的问题
2018/06/13 Python
Django用户认证系统 Web请求中的认证解析
2019/08/02 Python
django使用channels实现通信的示例
2020/10/19 Python
Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头
2020/10/22 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
python 实现图片修复(可用于去水印)
2020/11/19 Python
专门经营化妆刷的美国彩妆品牌:Sigma Beauty
2017/09/11 全球购物
bonprix荷兰网上商店:便宜的服装、鞋子和家居用品
2020/07/04 全球购物
Bandier官网:奢侈、时尚前卫的健身服装首选目的地
2020/07/05 全球购物
类和结构的区别
2012/08/15 面试题
会计专业自我鉴定范文
2013/10/06 职场文书
幼教毕业生自我鉴定
2014/01/12 职场文书
学校党的群众路线教育实践活动对照检查材料
2014/09/24 职场文书