举例讲解JavaScript中将数组元素转换为字符串的方法
作者:bea
首先来看一下从一个数组中选择元素的方法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</butt
首先来看一下从一个数组中选择元素的方法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
猜你喜欢
您可能感兴趣的文章:
- 基于jQuery实现搜索关键字自动匹配功能
- 以Python代码实例展示kNN算法的实际运用
- Windows下用PyCharm和Visual Studio开始Python编程
- php利用curl获取远程图片实现方法
- jQuery.trim() 函数及trim()用法详解
- JavaScript中的数据类型转换方法小结
- 如何实现JavaScript动态加载CSS和JS文件
- 基于javascript实现漂亮的页面过渡动画效果附源码下载
- JS实现的页面自定义滚动条效果
- JS实现的鼠标跟随代码(卡通手型点击效果)
- JS响应鼠标点击实现两个滑块区间拖动效果
- javaScript实现可缩放的显示区效果代码
- JS基于VML技术实现的五角星礼花效果代码
- jquery获取url参数及url加参数的方法
- JavaScritp添加url参数并将参数加入到url中及更改url参数的方法
- angular.bind使用心得
- 详解JavaScript编程中正则表达式的使用
- 实例解析JS布尔对象的toString()方法和valueOf()方法
- JavaScript编程中布尔对象的基本使用