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

时间：2021-05-25

首先来看一下从一个数组中选择元素的方法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>

测试结果:

Banana,Orange,Apple,Mango

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章