JS数组转字符串实现方法解析


Posted in Javascript onSeptember 04, 2020

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示。

数组方法 说明
toString() 将数组转换成一个字符串
toLocalString() 把数组转换成本地约定的字符串
join() 将数组元素连接起来以构建一个字符串

Array 对象的数组与字符串相互转换方法数组方法说明toString()将数组转换成一个字符串toLocalString()把数组转换成本地约定的字符串join()将数组元素连接起来以构建一个字符串

示例1 toString()

下面使用 toString() 方法读取数组的值。

数组中 toString() 方法能够把每个元素转换为字符串,然后以逗号连接输出显示。

var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组
var s = a.toString(); //把数组转换为字符串
console.log(s); //返回字符串“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s); //返回字符串string,说明是字符串类型

当数组用于字符串环境中时,JavaScript 会自动调用 toString() 方法将数组转换成字符串。在某些情况下,需要明确调用这个方法。

var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组
var b = [1,2,3,4,5,6,7,8,9,0]; //定义数组
var s = a + b; //数组连接操作
console.log(s); //返回“1,2,3,4,5,6,7,8,9,01,2,3,4,5,6,7,8,9,0”
console.log(typeof s); //返回字符串string,说明是字符串类型

toString() 在把数组转换成字符串时,首先要将数组的每个元素都转换为字符串。当每个元素都被转换为字符串时,才使用逗号进行分隔,以列表的形式输出这些字符串。

var a = [1,[2,3],[4,5]],[6,[7,[8,9],0]]]; //定义多维数组
var s = a.toString(); //把数组转换为字符串
console.log(S); //返回字符串“1,2,3,4,5,6,7,8,9,0”

其中数组 a 是一个多维数组,JavaScript 会以迭代的方式调用 toString() 方法把所有数组都转换为字符串。

示例2 toLocaleString()

下面使用 toLocaleString() 方法读取数组的值。

toLocaleString() 方法与 toString() 方法用法基本相同,主要区别在于 toLocaleString() 方法能够使用用户所在地区特定的分隔符把生成的字符串连接起来,形成一个字符串。

var a = [1,2,3,4,5]; //定义数组
var s = a.toLocaleString(); //把数组转换为本地字符串
console.log(s); //返回字符串“1,2,3,4,5,6,7,8,9,0”

在上面示例中,toLocaleString() 方法根据中国的使用习惯,先把数字转换为浮点数之后再执行字符串转换操作。

示例3 join()

下面使用 join() 方法可以把数组转换为字符串。

join() 方法可以把数组转换为字符串,不过它可以指定分隔符。在调用 join() 方法时,可以传递一个参数作为分隔符来连接每个元素。如果省略参数,默认使用逗号作为分隔符,这时与 toString() 方法转换操作效果相同。

var a = [1,2,3,4,5]; //定义数组
var s = a.join("=="); //指定分隔符
console.log(s); //返回字符串“1==2==3==4==5”

示例4 split()

下面使用 split() 方法把字符串转换为数组。

split() 方法是 String 对象方法,与 join() 方法操作正好相反。该方法可以指定两个参数,第 1 个参数为分隔符,指定从哪儿进行分隔的标记;第 2 个参数指定要返回数组的长度。

var s = "1==2== 3==4 ==5";
var a = s.split("==");
console.log(a);
console.log(a.constructor == Array);

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript高级程序设计 阅读笔记(十八) js跨平台的事件
Aug 14 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
JS实现可视化文件上传
Sep 08 Javascript
JavaScript使用闭包模仿块级作用域操作示例
Jan 21 Javascript
vue使用Proxy实现双向绑定的方法示例
Mar 20 Javascript
实现高性能javascript的注意事项
May 27 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
Mar 17 Javascript
Vue开发中常见的套路和技巧总结
Nov 24 Vue.js
JavaScript架构localStorage特殊场景下二次封装操作
Jun 21 Javascript
v-slot和slot、slot-scope之间相互替换实例
Sep 04 #Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 #Javascript
解决vue scoped scss 无效的问题
Sep 04 #Javascript
vue-admin-template配置快捷导航的代码(标签导航栏)
Sep 04 #Javascript
基于vue中的scoped坑点解说
Sep 04 #Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 #Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
Sep 04 #Javascript
You might like
memcache命令启动参数中文解释
2014/01/13 PHP
destoon实现调用当前栏目分类及子分类和三级分类的方法
2014/08/21 PHP
ThinkPHP水印功能实现修复PNG透明水印并增加JPEG图片质量可调整
2014/11/05 PHP
PHP5.3连接Oracle客户端及PDO_OCI模块的安装方法
2016/05/13 PHP
javascript setTimeout()传递函数参数(包括传递对象参数)
2010/04/07 Javascript
js对象之JS入门之Array对象操作小结
2011/01/09 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
2011/07/13 Javascript
javascript在myeclipse中报错的解决方法
2013/10/29 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】
2017/03/08 Javascript
input file样式修改以及图片预览删除功能详细概括(推荐)
2017/08/17 Javascript
vue中引用swiper轮播插件的教程详解
2018/08/16 Javascript
vue-cli3 karma单元测试的实现
2019/01/18 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
20道JS原理题助你面试一臂之力(必看)
2019/07/22 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
python先序遍历二叉树问题
2017/11/10 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
python如何实现数据的线性拟合
2019/07/19 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
python中线程和进程有何区别
2020/06/17 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
HTML块级标签汇总(小篇)
2016/07/13 HTML / CSS
促销活动总结怎么写
2014/06/25 职场文书
海洋科学专业求职信
2014/08/10 职场文书
学校领导班子四风问题整改意见
2014/10/02 职场文书
对党的十八届四中全会的期盼
2014/10/17 职场文书
开会通知
2015/04/20 职场文书
党员个人承诺书
2015/04/27 职场文书
贫困生证明范文
2015/06/16 职场文书
Vue的过滤器你真了解吗
2022/02/24 Vue.js
什么是SOLID
2022/03/24 Javascript