举例讲解JavaScript中将数组元素转换为字符串的方法

2019-11-20 11:24:21

字体：大中小

来源：转载

供稿：网友

首先来看一下从一个数组中选择元素的方法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()方法使用例子：

源代码:

<!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()方法：
源代码:

<!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>

测试结果: