举例讲解JavaScript中将数组元素转换为字符串的方法
更新时间：2015年10月25日 15:00:22 投稿：goldensun
这篇文章主要介绍了JavaScript中将数组元素转换为字符串的方法,是JS入门学习中的基础知识,需要的朋友可以参考下
首先来看一下从一个数组中选择元素的方法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
相关文章
JS,CSS加载中的一些小问题，或许大家早已把它遗忘，下面和大家一起重温下，感兴趣的朋友可以不要错过2013-11-11
深入理解JavaScript系列（40）：设计模式之组合模式详解
这篇文章主要介绍了深入理解JavaScript系列（40）：设计模式之组合模式详解,组合模式（Composite）将对象组合成树形结构以表示“部分-整体”的层次结构,组合模式使得用户对单个对象和组合对象的使用具有一致性,需要的朋友可以参考下2015-03-03
长久以来JavaScript兼容性一直是Web开发者的一个主要问题。在正式规范、事实标准以及各种实现之间的存在的差异让许多开发者日夜煎熬。为此，主要从以下几方面差异总结IE和Firefox的Javascript兼容性:2014-05-05
JavaScript中setTimeout和setInterval函数的传参及调用
这篇文章主要介绍了JavaScript中setTimeout和setInterval函数的传参及调用,着两个函数可以把要执行的代码在设定的一个时间点插入js引擎维护的一个代码队列中,需要的朋友可以参考下2016-03-03
我写了个方法,用于查询结果,但debug过程中发现结果集有数据，我如何通过变量获取呢2012-12-12
本文给大家详细讲述了javascript深拷贝、浅拷贝和循环引用的相关知识点，对此有兴趣需求的朋友学习下。2018-05-05
JavaScript strike方法入门实例（给字符串加上删除线）
这篇文章主要介绍了JavaScript strike方法入门实例,strike方法用于给字符串加上删除线,需要的朋友可以参考下2014-10-10
这篇文章主要介绍了关于前端要知道的 AST知识,在计算机科学中，抽象语法树是源代码语法结构的一种抽象表示,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了简介JavaScript中valueOf()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
在JavaScript中，this 的概念比较复杂。除了在面向对象编程中，this 还是随处可用的。这篇文章介绍了this的隐式绑定，希望大家能够喜欢。2016-02-02
最新评论