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


Posted in Javascript onOctober 25, 2015

首先来看一下从一个数组中选择元素的方法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
Javascript 相关文章推荐
从Ajax到JQuery Ajax学习
Feb 14 Javascript
wordpress之js库集合研究介绍
Aug 17 Javascript
javascript 写类方式之三
Jul 05 Javascript
jQuery getJSON()+.ashx 实现分页(改进版)
Mar 28 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
Mar 25 Javascript
JQuery zClip插件实现复制页面内容到剪贴板
Nov 02 Javascript
jquery实现文本框的禁用和启用
Dec 07 Javascript
AngularJS路由切换实现方法分析
Mar 17 Javascript
基于JavaScript实现瀑布流效果
Mar 29 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
使用vue构建多页面应用的示例
Oct 22 Javascript
微信小程序实现简单的select下拉框
Nov 23 Javascript
javascript学习笔记整理(概述、变量、数据类型简介)
Oct 25 #Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 #Javascript
详解JavaScript编程中的数组结构
Oct 24 #Javascript
向JavaScript的数组中添加元素的方法小结
Oct 24 #Javascript
jQuery实现鼠标经过事件的延时处理效果
Aug 20 #Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 #Javascript
JavaScript中数组的合并以及排序实现示例
Oct 24 #Javascript
You might like
PHP 编程安全性小结
2010/01/08 PHP
PHP在获取指定目录下的目录,在获取的目录下面再创建文件,多平台
2011/08/03 PHP
PHP读取xml方法介绍
2013/01/12 PHP
php之CodeIgniter学习笔记
2013/06/17 PHP
smarty中英文多编码字符截取乱码问题解决方法
2014/10/28 PHP
yii2实现 &quot;上一篇,下一篇&quot; 功能的代码实例
2017/02/04 PHP
PHP封装curl的调用接口及常用函数详解
2018/05/31 PHP
javascript 遍历验证所有文本框的值
2009/08/27 Javascript
iframe子页面获取父页面元素的方法
2013/11/05 Javascript
轻松创建nodejs服务器(3):代码模块化
2014/12/18 NodeJs
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
莱鸟介绍window.print()方法
2016/01/06 Javascript
js遮罩效果制作弹出注册界面效果
2017/01/25 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
详解webpack分包及异步加载套路
2017/06/29 Javascript
Vue之Watcher源码解析(1)
2017/07/19 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
js实现内置计时器
2019/12/16 Javascript
关于Node.js中频繁修改代码重启服务器的问题
2020/10/15 Javascript
用Python创建声明性迷你语言的教程
2015/04/13 Python
Python基于scrapy采集数据时使用代理服务器的方法
2015/04/16 Python
Python中encode()方法的使用简介
2015/05/18 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
python按照多个条件排序的方法
2019/02/08 Python
python 如何将数据写入本地txt文本文件的实现方法
2019/09/11 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
如何整合JQuery和Prototype
2014/01/31 面试题
暑假实习求职信范文
2013/09/22 职场文书
机关领导查摆四风思想汇报
2014/09/13 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
2014离婚协议书范文(3篇)
2014/11/29 职场文书
2016年社区中秋节活动总结
2016/04/05 职场文书
用Python制作灯光秀短视频的思路详解
2021/04/13 Python