javascript中join方法实例讲解


Posted in Javascript onFebruary 21, 2019

我们先来看一下Array.join()函数的基本语法

Array.join([separator])

separator表示用于分隔数组的每个元素的字符串。如果保留默认数组元素,请用逗号(,)分隔。

此函数返回通过使用分隔符连接数组的所有元素而创建的字符串。如果未提供分隔符,则使用逗号(,)连接数组元素,因为它是此函数的默认分隔符。如果提供空字符串作为分隔符,则元素将直接连接,而它们之间没有任何字符。如果array为空,则此函数返回空字符串。

下面我们来看具体的示例

例1:

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
 var a = [ 1, 2, 3, 4, 5, 6 ]; 
 document.write(a.join('|')); 
} 
func(); 
</script>
</body>
</html>

输出结果如下:1|2|3|4|5|6

例2:

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
var a = [ 1, 2, 3, 4, 5, 6 ]; 
document.write(a.join()); 
} 
 
func(); 
</script> 
 
</body>
</html>

输出结果如下:1,2,3,4,5,6

例3:

代码如下

<!DOCTYPE html>
<html>
<head>
 <title></title>
</head>
<body>
<script> 
function func() { 
var a = [ 1, 2, 3, 4, 5, 6 ]; 
document.write(a.join('')); 
} 
func(); 
</script> 
</body>
</html>

输出结果如下:123456

Javascript 相关文章推荐
Javascript里使用Dom操作Xml
Sep 20 Javascript
把textarea中字符串里含有的回车换行替换成&amp;lt;br&amp;gt;的javascript代码
Apr 20 Javascript
Javascript与flash交互通信基础教程
Aug 07 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
Function.prototype.call.apply结合用法分析示例
Jul 03 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
JavaScript实现非常简单实用的下拉菜单效果
Aug 27 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
javascript 动态样式添加的简单实现
Oct 11 Javascript
JavaScript截屏功能的实现代码
Jul 28 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
微信小程序实现两边小中间大的轮播效果的示例代码
Dec 07 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 #Javascript
vue图片上传本地预览组件使用详解
Feb 20 #Javascript
Vue 后台管理类项目兼容IE9+的方法示例
Feb 20 #Javascript
浅谈小程序 setData学问多
Feb 20 #Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 #Javascript
微信小程序五子棋游戏AI实现方法【附demo源码下载】
Feb 20 #Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 #Javascript
You might like
生成缩略图
2006/10/09 PHP
支持中文、字母、数字的PHP验证码
2015/05/04 PHP
Linux平台php命令行程序处理管道数据的方法
2016/11/10 PHP
20款超赞的jQuery插件 Web开发人员必备
2011/02/26 Javascript
当jQuery遭遇CoffeeScript的时候 使用分享
2011/09/17 Javascript
jquery中获取id值方法小结
2013/09/22 Javascript
javascript(js)的小数点乘法除法问题详解
2014/03/07 Javascript
jQuery使用removeClass方法删除元素指定Class的方法
2015/03/26 Javascript
jQuery实现图片向左向右切换效果的简单实例
2016/05/18 Javascript
AngularJs实现分页功能不带省略号的代码
2016/05/30 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
react-native 封装选择弹出框示例(试用ios&amp;android)
2017/07/11 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
Vue中的字符串模板的使用
2018/05/17 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
[06:40]2014DOTA2西雅图国际邀请赛 DK战队巡礼
2014/07/07 DOTA
python读取浮点数和读取文本文件示例
2014/05/06 Python
Python程序设计入门(4)模块和包
2014/06/16 Python
python实现在目录中查找指定文件的方法
2014/11/11 Python
Python遍历目录的4种方法实例介绍
2015/04/13 Python
以911新闻为例演示Python实现数据可视化的教程
2015/04/23 Python
python开发之字符串string操作方法实例详解
2015/11/12 Python
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
python+mysql实现学生信息查询系统
2019/02/21 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
Python实现王者荣耀自动刷金币的完整步骤
2021/01/22 Python
CSS3实现可翻转的hover效果
2018/05/23 HTML / CSS
意大利简约的休闲品牌:Aspesi
2018/02/08 全球购物
MediaMarkt比利时:欧洲最大电器连锁店
2020/12/21 全球购物
销售经理岗位职责
2014/03/16 职场文书
大型公益活动策划方案
2014/08/20 职场文书
2015年中秋节活动总结
2015/03/23 职场文书
家属联谊会致辞
2015/07/31 职场文书