javascript中join方法实例讲解

我们先来看一下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

赞 (0)

相关推荐

  • JavaScript中join()、splice()、slice()和split()函数用法示例

    本文实例讲述了JavaScript中join().splice().slice()和split()函数用法.分享给大家供大家参考,具体如下: join() join() 方法用于把数组中的所有元素放入一个字符串. 元素是通过指定的分隔符进行分隔的. <script type="text/javascript"> var arr = new Array(3) arr[0] = "George" arr[1] = "John" arr[2

  • JointJS流程图的绘制方法

    最近项目上需要用流程图来做问题定界分析,之前有同事用jsPlumb做过,但是阅读代码后觉得比较麻烦,所以自己又找了一圈,找到一个叫Dagre-D3的开源类库,画出来的效果如下图,Dagre-D3最大的优点就是可以实现自动布局,你只需要put数据就可以了,但是缺点就是自动布局后的连线会比较乱,而且连线不是横平竖直的,对于流程图不复杂的还好,稍微复杂点画出来的连线就没法看.最后还是被pass了. jsPlumb地址:https://jsplumbtoolkit.com Dagre-D3 Git地址:

  • JavaScript中split与join函数的进阶使用技巧

    Javascript拥有两个相当强大而且受开发者喜爱的函数:split 与join 俩对立的函数.这俩函数能让string与array两种类型互换,也就是数组能被序列化为字符串,反之亦然.我们能把这俩函数发挥得淋漓尽致.下面就来探索里面的一些有趣的应用, 首先介绍一下这两个函数: String.prototype.split(separator, limit) separator把字符串分割为数组,可选参数limit定义了生成数组的最大length. "85@@86@@53".spli

  • javaScript之split与join的区别(详解)

    共同点:split与join函数通常都是对字符或字符串的操作: 两者的区别: (1)split()用于分割字符串,返回一个数组, 例如 var string="hello world?name=xiaobai"; var splitString = string.split("?"); console.log(splitString);//["hello world","name=xiaobai"] split()只有一个参数

  • JavaScript中join()方法的使用简介

    JavaScript数组join()方法加入数组的所有元素为一个字符串. 语法 array.join(separator); 下面是参数的详细信息: separator : 指定字符串分开数组的每个元素.如果省略,则数组元素用逗号分隔. 返回值: 返回接合所有数组元素之后的字符串. 例子: <html> <head> <title>JavaScript Array join Method</title> </head> <body>

  • JavaScript中push(),join() 函数 实例详解

    定义和用法 push方法 可向数组的末尾添加一个或多个元素,并返回一个新的长度. join方法 用于把数组中所有元素添加到一个指定的字符串,元素是通过指定的分隔符进行分割的. 语法 arrayObject.push(newelement1,newelement2,....,newelementX) arrayObject.join(separator). 参数描述newelement1必需.要添加到数组的第一个元素.newelement2可选.要添加到数组的第二个元素.newelementX可选

  • javascript中join方法实例讲解

    我们先来看一下Array.join()函数的基本语法 Array.join([separator]) separator表示用于分隔数组的每个元素的字符串.如果保留默认数组元素,请用逗号(,)分隔. 此函数返回通过使用分隔符连接数组的所有元素而创建的字符串.如果未提供分隔符,则使用逗号(,)连接数组元素,因为它是此函数的默认分隔符.如果提供空字符串作为分隔符,则元素将直接连接,而它们之间没有任何字符.如果array为空,则此函数返回空字符串. 下面我们来看具体的示例 例1: 代码如下 <!DOC

  • JavaScript事件方法(实例讲解)

    废话不多说,直接上代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text

  • Javascript中的方法和匿名方法实例详解

    本文实例讲述了Javascript中的方法和匿名方法.分享给大家供大家参考.具体分析如下: Javascript方法(函数) 声明函数 以function开头,后跟函数名,与C#.java不同,Javascript不需要声明返回值类型.参数类型.没有返回值就是undefined. 举个例子更清楚:  无参数无返回值的方法: function f1(){ alert('这是一个方法'); } f1();//调用方法 无参数有返回值的方法: function f2(){ return 100; }

  • 基于TabLayout中的Tab间隔设置方法(实例讲解)

    基于TabLayout中的Tab间隔设置方法(实例讲解)

    TabLayout和ViewPager搭配使用,是有很多方便性,但是TabLayout这东西还是有很多被人吐槽的地方. 这里只讲怎么设置tab之间的间隔,网上找了一堆方法,什么padding和margin的啥都没用,没办法,想用TabLayout只能自己想办法了.效果如下: 一.实现方法,既然这东西不好设置,那就直接在背景上做点事情,布局代码如下: <android.support.design.widget.TabLayout xmlns:app="http://schemas.andr

  • Laravel中的where高级使用方法实例讲解

    有时候项目中需要进行多个字段搜索就可以用到此方法 在Laravel中的可以同时使用多个where,所以我们可以每个字段分配一个where() 然后在每个where()中去闭包判断 $username = '';// 收货人姓名 $hospital_id = ''; // 医院id # 判断是否有姓名搜索 if (!empty($request->username)) { $username = $request->username; } # 判断是否有医院搜索 if (!empty($requ

  • php中str_replace替换实例讲解

    在对于字符串的替换上,我们已经学过了不少的方法.但在做练习题的时候,我们会对多个字符串进行替换.从方法的实用性来说,str_replace就非常适合处理多个字符串的替换问题.下面我们就php中str_replace的概念.语法.参数.返回值进行讲解,然后带来替换的实例分享. 1.概念 str_replace() 函数以其他字符替换字符串中的一些字符(区分大小写). 该函数区分大小写.请使用 str_ireplace() 函数执行不区分大小写的搜索. 2.语法 str_replace(find,r

  • jq源码解析之绑在$,jQuery上面的方法(实例讲解)

    1.当我们用$符号直接调用的方法.在jQuery内部是如何封装的呢?有没有好奇心? // jQuery.extend 的方法 是绑定在 $ 上面的. jQuery.extend( { //expando 用于决定当前页面的唯一性. /\D/ 非数字.其实就是去掉小数点. expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ), // Assume jQuery is ready wit

  • AJAX跨域请求数据的四种方法(实例讲解)

    由于浏览器的同源策略 ajax请求不可以接收到请求响应回来的数据 请求数据需要调用浏览器的内置构造函数 XMLHttpRequest() 进行 实例对象 var xhr = new XMLHttpRequest(); 注意点 在IE8之前支持的 ActiveXobject("Microsoft.XMLHTTP");  记住要进行兼容处理哦  在这里我就不写了 通过该对象进行获取 获取数据的四种状态  xhr.readyState 该属性保存着请求数据的几种状态 1.xhr.open(请

随机推荐