举例讲解JavaScript中将数组元素转换为字符串的方法
2015-10-25 15:00
711 查看
首先来看一下从一个数组中选择元素的方法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
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 数据库链接字符串查询网站
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- ES6 走马观花(ECMAScript2015 新特性)
- JavaScript拆分字符串时产生空字符的原因
- Canvas 在高清屏下绘制图片变模糊的解决方法
- IE8开发人员工具教程(二)
- Flex字符串比较 还有Flex字符串操作
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- ruby 数组使用教程