JavaScript数组转字符串：slice、join与toString方法详解
作者：函数茶馆时间：2026-10-29 16:05:56浏览：336
本文介绍JavaScript中将数组元素转换为字符串的三种常用方法。通过slice()方法可选择指定范围的元素，join()方法可将数组元素按分隔符连接成字符串，而toString()则直接将整个数组转换为逗号分隔的字符串。文章包含HTML示例代码及运行结果，帮助开发者快速掌握相关API的使用。
使用slice方法提取数组元素
首先介绍从数组中提取特定元素的方法slice()：
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to extract the second and the third elements from the array.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1,3);
var x=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
</body>
</html>
运行结果如下：
Orange,Lemon
使用join方法连接数组元素
若需将数组元素组合为字符串，可使用join()方法，具体示例如下：
代码实现：
<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to join the array elements into a string.</p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x=document.getElementById("demo");
x.innerHTML=fruits.join();
}
</script>
</body>
</html>
执行结果：
Banana,Orange,Apple,Mango
使用toString方法转换数组
若要将数组直接转换为字符串，可以使用toString()方法：
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击按钮将数组转为字符串并返回。</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction()
{
var fruits = ["Banana", "Orange", "Apple", "Mango"];
var str = fruits.toString();
var x=document.getElementById("demo");
x.innerHTML= str;
}
</script>
</body>
</html>
运行结果：
Banana,Orange,Apple,Mango 作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数？
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑？
2026-11-05 14:01:09