举例讲解JavaScript中将数组元素转换为字符串的方法
首先来看一下从一个数组中选择元素的方法slice()：
源代码:
<!DOCTYPEhtml>
<html>
<body>
<pid="demo">Clickthebuttontoextractthesecondandthethirdelementsfromthearray.</p>
<buttononclick="myFunction()">Tryit</button>
<script>
functionmyFunction()
{
varfruits=["Banana","Orange","Lemon","Apple","Mango"];
varcitrus=fruits.slice(1,3);
varx=document.getElementById("demo");
x.innerHTML=citrus;
}
</script>
</body>
</html>
测试结果:
Orange,Lemon
我们可以用数组的元素组成字符串，相关的join()方法使用例子：
源代码:
<!DOCTYPEhtml>
<html>
<body>
<pid="demo">Clickthebuttontojointhearrayelementsintoastring.</p>
<buttononclick="myFunction()">Tryit</button>
<script>
functionmyFunction()
{
varfruits=["Banana","Orange","Apple","Mango"];
varx=document.getElementById("demo");
x.innerHTML=fruits.join();
}
</script>
</body>
</html>
测试结果：
Banana,Orange,Apple,Mango
直接转换数组到字符串则可以用toString()方法：
源代码:
<!DOCTYPEhtml>
<html>
<body>
<pid="demo">点击按钮将数组转为字符串并返回。</p>
<buttononclick="myFunction()">点我</button>
<script>
functionmyFunction()
{
varfruits=["Banana","Orange","Apple","Mango"];
varstr=fruits.toString();
varx=document.getElementById("demo");
x.innerHTML=str;
}
</script>
</body>
</html>
测试结果:
Banana,Orange,Apple,Mango