javascript中join方法实例讲解

 更新时间:2019年02月21日 08:32:34   投稿:laozhang  
在本篇内容里小编给大家分享了关于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

相关文章

  • Javascript基础教程之数据类型 (布尔型 Boolean)

    Javascript基础教程之数据类型 (布尔型 Boolean)

    本文简单讲解了javascript数据类型中的布尔型(boolean),十分的简单,小伙伴们看下就明白了
    2015-01-01
  • javascript中this指向详解

    javascript中this指向详解

    this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上this的最终指向的是那个调用它的对象,接下来我会深入的探讨这个问题。
    2016-04-04
  • IE网页js语法错误2行字符1、FF中正常的解决方法

    IE网页js语法错误2行字符1、FF中正常的解决方法

    使用模态窗体则会先弹出此错误然后再显示新打开的界面,经搜索找到不错的解决方法,有类似问题的朋友可以参考下,希望对大家有所帮助
    2013-09-09
  • javascript数组详解

    javascript数组详解

    数组对象用来在单独的变量名中存储一系列的值。我们使用关键词 new 来创建数组对象。有两种向数组赋值的方法,也可以使用一个整数自变量来控制数组的容量
    2014-10-10
  • ES6的Promise用法详解

    ES6的Promise用法详解

    本文详细讲解了ES6的Promise用法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-12-12
  • javascript工厂方式定义对象

    javascript工厂方式定义对象

    这篇文章主要介绍了javascript工厂方式定义对象,以及另外3中创建对象的方式,需要的朋友可以参考下
    2014-12-12
  • ECMAScript 5严格模式(Strict Mode)介绍

    ECMAScript 5严格模式(Strict Mode)介绍

    这篇文章主要介绍了ECMAScript 5严格模式(Strict Mode)介绍,本文讲解了如何启用严格模式、启用严格模式后对变量和属性、函数、with语句的影响,需要的朋友可以参考下
    2015-03-03
  • JavaScript Math.floor方法(对数值向下取整)

    JavaScript Math.floor方法(对数值向下取整)

    这篇文章主要介绍了Math.floor 方法用于对数值向下取整,即得到小于或等于该数值的最大整数,需要的朋友可以参考下
    2015-01-01
  • JavaScript SetInterval与setTimeout使用方法详解

    JavaScript SetInterval与setTimeout使用方法详解

    本文讲解了JavaScript SetInterval与setTimeout的区别,并用代码示例演示了使用方法
    2013-11-11
  • javascript关于继承解析

    javascript关于继承解析

    下面小编就为大家全面的介绍一下javascript在的继承。希望对大家有所帮助。一起跟随小编过来看看吧
    2016-05-05

最新评论