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保存当前路径(cookies记录)
Dec 14 Javascript
iframe窗口高度自适应的又一个巧妙实现思路
Apr 04 Javascript
jquery重复提交请求的原因浅析
May 23 Javascript
jQuery 3.0中存在问题及解决办法
Jul 15 Javascript
angular.js分页代码的实例
Jul 27 Javascript
详解jQuery简单的表单应用
Dec 16 Javascript
fetch 使用及如何接收JS传值
Nov 11 Javascript
vue实现图片加载完成前的loading组件方法
Feb 05 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
详解Vue中的Props与Data细微差别
Mar 02 Javascript
Vue登录拦截 登录后继续跳转指定页面的操作
Aug 04 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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
用Zend Encode编写开发PHP程序
2006/10/09 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
深入理解PHP中的count函数
2016/05/31 PHP
[原创]php使用curl判断网页404(不存在)的方法
2016/06/23 PHP
PHP微信开发用Cache 解决数据缓存
2016/07/11 PHP
解决php 处理 form 表单提交多个 name 属性值相同的 input 标签问题
2017/05/11 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
[对联广告] JS脚本类
2006/08/27 Javascript
js 字符串操作函数
2009/07/25 Javascript
JS判断是否为数字,是否为整数,是否为浮点数的代码
2010/04/24 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
JS实现OCX控件的事件响应示例
2014/09/17 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
jQuery调用ajax请求的常见方法汇总
2015/03/24 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
ES2015 Symbol 一种绝不重复的值
2016/12/25 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
JavaScript实现美化滑块效果
2019/05/17 Javascript
js类的继承定义与用法分析
2019/06/21 Javascript
微信小程序中悬浮窗功能的实现代码
2019/08/02 Javascript
vue中v-for循环选中点击的元素并对该元素添加样式操作
2020/07/17 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python中黄金分割法实现方法
2015/05/06 Python
对django2.0 关联表的必填on_delete参数的含义解析
2019/08/09 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
pytorch 中forward 的用法与解释说明
2021/02/26 Python
你应该知道的30个css选择器
2014/03/19 HTML / CSS
单位实习工作证明怎么写
2014/11/02 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
上班迟到检讨书范文
2015/05/06 职场文书
2019XX公司员工考核管理制度!
2019/08/07 职场文书
使用Nginx的访问日志统计PV与UV
2022/05/06 Servers