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 相关文章推荐
Jquery同辈元素选中/未选中效果的实例代码
Aug 01 Javascript
js闭包实例汇总
Nov 09 Javascript
JS组件中bootstrap multiselect两大组件较量
Jan 26 Javascript
JavaScript基于原型链的继承
Jun 22 Javascript
Vue.js每天必学之过滤器与自定义过滤器
Sep 07 Javascript
微信小程序 Video API实例详解
Oct 02 Javascript
Bootstrap Table的使用总结
Oct 08 Javascript
JS中parseInt()和map()用法分析
Dec 16 Javascript
jquery实现自定义图片裁剪功能【推荐】
Mar 08 Javascript
vue2.0 element-ui中el-select选择器无法显示选中的内容(解决方法)
Aug 24 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 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
php基础知识:类与对象(4) 范围解析操作符(::)
2006/12/13 PHP
PHP中for循环语句的几种变型
2007/03/16 PHP
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
YII2自动登录Cookie总是失效的解决方法
2017/06/28 PHP
PHP使用CURL实现下载文件功能示例
2019/06/03 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
代码获取历史上的今天发生的事
2014/04/11 Javascript
JS 弹出层 定位至屏幕居中示例
2014/05/21 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
Javascript中实现String.startsWith和endsWith方法
2015/06/10 Javascript
js实现弹窗暗层效果
2017/01/16 Javascript
解析Vue2 dist 目录下各个文件的区别
2017/11/22 Javascript
完美解决mui框架off-canvas侧滑超出部分隐藏无法滚动的问题
2018/01/25 Javascript
vue多页面项目中路由使用history模式的方法
2019/09/23 Javascript
详解JavaScript自定义函数
2020/07/29 Javascript
Python进程通信之匿名管道实例讲解
2015/04/11 Python
JSON Web Tokens的实现原理
2017/04/02 Python
tensorflow 打印内存中的变量方法
2018/07/30 Python
对python中基于tcp协议的通信(数据传输)实例讲解
2019/07/22 Python
Django 对象关系映射(ORM)源码详解
2019/08/06 Python
Python 调用 Outlook 发送邮件过程解析
2019/08/08 Python
Pycharm 字体大小调整设置的方法实现
2019/09/27 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
Python实现在Windows平台修改文件属性
2020/03/05 Python
python使用OpenCV模块实现图像的融合示例代码
2020/04/10 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
北大自主招生自荐信
2013/10/19 职场文书
总经理职责范文
2013/11/08 职场文书
幼儿师范毕业生自荐信
2013/11/09 职场文书
关于礼仪的演讲稿
2014/01/04 职场文书
文秘个人求职信范文
2014/04/22 职场文书
大学生感恩父母演讲稿
2014/08/28 职场文书
解除劳动合同协议书范本2014
2014/09/25 职场文书
学习焦裕禄观后感
2015/06/09 职场文书
警示教育片观后感
2015/06/17 职场文书
2015初一年级组工作总结
2015/07/24 职场文书