举例讲解JavaScript中将数组元素转换为字符串的方法
首先来看一下从一个数组中选择元素的方法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
赞 (0)