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 相关文章推荐
通过ifame指向的页面高度调整iframe的高度
Oct 05 Javascript
javascript学习网址备忘
May 29 Javascript
javascript中的关于类型转换的性能优化
Dec 14 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
Nov 23 Javascript
浅谈关于JavaScript API设计的一些建议和准则
Jun 24 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
js数组去重的hash方法
Dec 22 Javascript
Bootstrap实现基于carousel.js框架的轮播图效果
May 02 Javascript
4 种滚动吸顶实现方式的比较
Apr 09 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
May 31 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中eval函数的危害与正确禁用方法
2014/06/30 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
WordPress中is_singular()函数简介
2015/02/05 PHP
php中Snoopy类用法实例
2015/06/19 PHP
非常全面的php日期时间运算汇总
2015/11/04 PHP
jQuery 浮动广告实现代码
2008/12/25 Javascript
jquery 实现二级/三级/多级联动菜单的思路及代码
2013/04/08 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
node.js中使用Export和Import的方法
2017/09/18 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
2017/09/20 Javascript
JS基于贪心算法解决背包问题示例
2017/11/27 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
2018/01/10 Javascript
小程序封装wx.request请求并创建接口管理文件的实现
2019/04/29 Javascript
gulp构建小程序的方法步骤
2019/05/31 Javascript
在vue-cli 3中给stylus、sass样式传入共享的全局变量
2019/08/12 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
2020/09/11 Javascript
python获取beautifulphoto随机某图片代码实例
2013/12/18 Python
利用Fn.py库在Python中进行函数式编程
2015/04/22 Python
简述Python中的面向对象编程的概念
2015/04/27 Python
用Python实现斐波那契(Fibonacci)函数
2016/03/25 Python
flask框架视图函数用法示例
2018/07/19 Python
用Python中的turtle模块画图两只小羊方法
2019/04/09 Python
有关Tensorflow梯度下降常用的优化方法分享
2020/02/04 Python
世界领先的26岁以下学生和青少年旅行预订网站:StudentUniverse
2018/07/01 全球购物
澳大利亚婴儿礼品公司:The Baby Gift Company
2018/11/04 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
银行员工职业规划范文
2014/01/21 职场文书
2014政务公开实施方案
2014/02/19 职场文书
保险公司客户经理岗位职责
2015/04/09 职场文书
会议通知格式范文
2015/04/15 职场文书
学生病假条怎么写
2015/08/17 职场文书
导游词之扬州大明寺
2019/10/09 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
Vue操作Storage本地化存储
2022/04/29 Vue.js