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实现的整屏切换特效
Sep 15 Javascript
javascript处理a标签超链接默认事件的方法
Jun 29 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
解析预加载显示图片艺术
Dec 05 Javascript
除Console.log()外更多的Javascript调试命令
Jan 24 Javascript
Vue中 v-if 和v-else-if页面加载出现闪现的问题及解决方法
Oct 12 Javascript
详解vue更改头像功能实现
Apr 28 Javascript
vue中使用 pako.js 解密 gzip加密字符串的方法
Jun 10 Javascript
解决Angularjs异步操作后台请求用$q.all排列先后顺序问题
Nov 29 Javascript
Vue.js获取手机系统型号、版本、浏览器类型的示例代码
May 10 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
基于jquery实现彩色投票进度条代码解析
Aug 26 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 Mysql日期和时间函数集合
2007/11/16 PHP
php中将汉字转换成拼音的函数代码
2012/09/08 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
PHP+AJAX实现投票功能的方法
2015/09/28 PHP
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
js加载读取内容及显示与隐藏div示例
2014/02/13 Javascript
JavaScript 封装一个tab效果源码分享
2015/09/15 Javascript
javascript与jquery动态创建html元素示例
2016/07/25 Javascript
数组Array的一些方法(总结)
2017/02/17 Javascript
bootstrap table表格插件使用详解
2017/05/08 Javascript
Node.js v8.0.0正式发布!看看带来了哪些主要新特性
2017/06/02 Javascript
vue-router重定向不刷新问题的解决
2018/06/25 Javascript
JS拖动选择table里的单元格完整实例【基于jQuery】
2019/05/28 jQuery
ES6中Symbol、Set和Map用法详解
2019/08/20 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
Python爬虫包 BeautifulSoup  递归抓取实例详解
2017/01/28 Python
python安装模块如何通过setup.py安装(超简单)
2018/05/05 Python
Python用Try语句捕获异常的实例方法
2019/06/26 Python
Python实现一个带权无回置随机抽选函数的方法
2019/07/24 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
python中使用asyncio实现异步IO实例分析
2021/02/26 Python
HTML5新增form控件和表单属性实例代码详解
2019/05/15 HTML / CSS
法国太阳镜店:Sunglasses Shop
2016/08/27 全球购物
介绍下WebSphere的安全性
2013/01/31 面试题
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
PHP引擎php.ini参数优化深入讲解
2021/03/24 PHP
劳动模范事迹材料
2014/01/19 职场文书
酒店总经理助理岗位职责
2014/02/01 职场文书
环保小标语
2014/06/13 职场文书
参赛口号
2014/06/16 职场文书
单位证明范文
2015/06/18 职场文书
一文搞懂Python Sklearn库使用
2021/08/23 Python