JavaScript 入门教程

JavaScript是一门Web编程语言，用来实现网页的交互功能，它和HTML、CSS共同组成了个Web开发的基础工具集合，也是前端开发者必备的技能；学习JavaScript教程可以了解它在网页开发中的所有特性和相关概念，让我们能够更加快速的去开发Web应用。

W3CAPI

2020-06-18 07:05:48

文档目录

我的书签

请登录

join

JavaScript join() 方法：数组对象

详细说明

join()方法用于将数组的所有元素连接成一个字符串。元素间会以指定的分隔符进行分隔。

版本实现

于JavaScript 1.1中实现

语法说明

join(separator)

执行一下

代码说明

separator：指定一个字符串，用于分隔数组的每个元素。join()方法的默认分隔符为逗号（','）。

示例：

以下网页文档中存在一个名为 fruits 的数组，其中包含四个元素。join() 方法以不同方式被使用：默认分隔符、逗号加空格分隔符以及连字符分隔符。

HTML代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript join() method Example-1</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : join() method</h1>
<script src="array-join-example1.js">
</script>
</body>
</html>

执行一下

JS代码

var fruits = new Array("Orange", "Apple", "Banana", "Chery");
var fruitslist1=fruits.join();
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Fruits List : " + fruitslist1 ); 
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);

var fruitslist2=fruits.join(', ');
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("Fruits List : " + fruitslist2); 
newParagraph1.appendChild(newText1); 
document.body.appendChild(newParagraph1); 

var fruitslist3=fruits.join('-');
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("Fruits List : " + fruitslist3);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);

执行一下

在浏览器中查看示例

另请参阅：

JavaScript 核心对象、方法及属性。

上一篇：JavaScript concat() 方法：数组对象
下一篇：JavaScript pop() 方法：数组对象

作者文档