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 相关文章推荐
QQ登录简单实现代码
Mar 09 Javascript
javascript英文日期(有时间)选择器
May 02 Javascript
jquery实现的树形目录实例
Jun 26 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
JS实现合并两个数组并去除重复项只留一个的方法
Dec 17 Javascript
基于Javascript实现返回顶部按钮
Feb 29 Javascript
简单理解JavaScript中的封装与继承特性
Mar 19 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
getElementById().innerHTML与getElementById().value的区别
Oct 27 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
深入探究AngularJs之$scope对象(作用域)
Jul 20 Javascript
vue2.0s中eventBus实现兄弟组件通信的示例代码
Oct 25 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 UTF8 文件的签名问题
2009/10/30 PHP
ThinkPHP中的系统常量和预定义常量集合
2014/07/01 PHP
thinkphp5引入公共部分header、footer的方法详解
2018/09/14 PHP
jquery 插件之仿“卓越亚马逊”首页弹出菜单效果
2008/12/25 Javascript
JavaScript 验证浏览器是否支持javascript的方法小结
2009/05/17 Javascript
浅谈javascript 面向对象编程
2009/10/28 Javascript
Jquery异步请求数据实例代码
2011/12/28 Javascript
jQuery实现的支持IE的html滑动条
2015/03/16 Javascript
JavaScript实现的字符串replaceAll函数代码分享
2015/04/02 Javascript
纯JavaScript代码实现移动设备绘图解锁
2015/10/16 Javascript
jQuery简单实现遍历单选框的方法
2017/03/06 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
2017/09/18 Javascript
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
vue.js项目打包上线的图文教程
2017/11/16 Javascript
搭建vue开发环境
2018/07/19 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
vue-next/runtime-core 源码阅读指南详解
2019/10/25 Javascript
vue下的@change事件的实现
2019/10/25 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
实用的 vue tags 创建缓存导航的过程实现
2020/12/03 Vue.js
[34:08]2018DOTA2亚洲邀请赛3月29日 小组赛B组 VP VS EG
2018/03/30 DOTA
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
浅谈python中的面向对象和类的基本语法
2016/06/13 Python
python退出命令是什么?详解python退出方法
2018/12/10 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
Python生成个性签名图片获取GUI过程解析
2019/12/16 Python
Python3.x+pyqtgraph实现数据可视化教程
2020/03/14 Python
python regex库实例用法总结
2021/01/03 Python
耐克美国官网:Nike.com
2016/08/01 全球购物
美国马匹用品和马钉购物网站:State Line Tack
2018/08/05 全球购物
2014年计算机专业个人自我评价
2014/01/19 职场文书
工商管理自荐书
2014/07/06 职场文书
三方协议书
2015/01/27 职场文书
聘任协议书(挂靠)
2015/09/21 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python