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 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
jquery的extend和fn.extend的使用说明
Jan 09 Javascript
jquery中dom操作和事件的实例学习-表单验证
Nov 30 Javascript
Js 时间函数getYear()的使用问题探讨
Apr 01 Javascript
jquery放大镜效果超漂亮噢
Nov 15 Javascript
JavaScript日期时间格式化函数分享
May 05 Javascript
Vue filters过滤器的使用方法
Jul 14 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
vue使用better-scroll实现下拉刷新、上拉加载
Nov 23 Javascript
JavaScript数组、json对象、eval()函数用法实例分析
Feb 21 Javascript
JavaScript鼠标悬停事件用法解析
May 15 Javascript
使用jQuery实现购物车
Oct 29 jQuery
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
php mysql Errcode: 28 终极解决方法
2009/07/01 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
3款值得推荐的微信开发开源框架
2014/10/28 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
CentOS下搭建PHP环境与WordPress博客程序的全流程总结
2016/05/07 PHP
php递归函数怎么用才有效
2018/02/24 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
JavaScript 学习笔记(十三)Dom创建表格
2010/01/21 Javascript
JavaScript使用过程中需要注意的地方和一些基本语法
2010/08/26 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
JS高级笔记
2011/07/13 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
JavaScript和CSS通过expression实现Table居中显示
2013/06/28 Javascript
js 上下左右键控制焦点(示例代码)
2013/12/14 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
js实现键盘操作实现div的移动或改变的原理及代码
2014/06/23 Javascript
jquery中获取元素里某一特定子元素的代码
2014/12/02 Javascript
js实现百度联盟中一款不错的图片切换效果完整实例
2015/03/04 Javascript
JavaScript控制listbox列表框的项目上下移动的方法
2015/03/18 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
Python3 单行多行万能正则匹配方法
2019/01/07 Python
PyCharm-错误-找不到指定文件python.exe的解决方法
2019/07/01 Python
python SVD压缩图像的实现代码
2019/11/05 Python
Python高级特性之闭包与装饰器实例详解
2019/11/19 Python
Python实现图片指定位置加图片水印(附Pyinstaller打包exe)
2021/03/04 Python
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
日本最大化妆品和美容产品的综合口碑网站:cosme shopping
2019/08/28 全球购物
宣传保护环境的公益广告词
2014/03/13 职场文书
禁毒宣传标语
2014/06/19 职场文书
教师创先争优承诺书
2015/04/27 职场文书
2015年端午节活动方案
2015/05/05 职场文书
检举信的写法
2019/04/10 职场文书
Python自然语言处理之切分算法详解
2021/04/25 Python
Python中 range | np.arange | np.linspace三者的区别
2022/03/22 Python