码云前端开发 2021-11-26

JavaScript join() 方法

文章目录隐藏

定义和用法
语法
参数值
返回值
浏览器支持
实例 1
实例 2

定义和用法

join() 方法用于把数组中的所有元素转换一个字符串。

元素是通过指定的分隔符进行分隔的。

语法

array.join(separator)

参数值

参数	描述
separator	可选。指定要使用的分隔符。如果省略该参数，则使用逗号作为分隔符。

返回值

类型	描述
String	返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串，然后把这些字符串连接起来，在两个元素之间插入 separator 字符串而生成的。

浏览器支持

所有主流浏览器都支持 join()属性。

实例 1

把数组中的所有元素转换为一个字符串：

<p id="demo">点击按钮将数组作为字符串输出。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var x=document.getElementById("demo");
    x.innerHTML=fruits.join();
}
</script>

输出结果：Banana,Orange,Apple,Mango

实例 2

使用不同的分隔符：

<p id="demo">点击按钮将数组作为字符串输出。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var fruits = ["Banana", "Orange", "Apple", "Mango"];
    var x=document.getElementById("demo");
    x.innerHTML=fruits.join(" and ");
}
</script>

结果输出：

Banana and Orange and Apple and Mango

「点点赞赏，手留余香」

赞 0 赏

给作者打赏，鼓励TA抓紧创作！