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 07 Javascript
jQuery学习笔记 操作jQuery对象 属性处理
Sep 19 Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 Javascript
JavaScript创建一个欢迎cookie弹出窗实现代码
Mar 15 Javascript
基于IE下ul li 互相嵌套时的bug,排查,解决过程以及心得介绍
May 07 Javascript
js中的布尔运算符使用介绍
Nov 20 Javascript
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模式)
Aug 16 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
AngularJS创建一个上传照片的指令实例代码
Feb 24 Javascript
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
百度小程序自定义通用toast组件
Jul 17 Javascript
JS数组进阶示例【数组的几种函数用法】
Jan 16 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
第1次亲密接触PHP5(2)
2006/10/09 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
php 三维饼图的实现代码
2008/09/28 PHP
php switch语句多个值匹配同一代码块应用示例
2014/07/29 PHP
js+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
2011/03/10 Javascript
JS编程小常识很有用
2012/11/26 Javascript
使用js如何实现全选与全不选
2013/12/30 Javascript
nodejs之请求路由概述
2014/07/05 NodeJs
jquery中post方法用法实例
2014/10/21 Javascript
让angularjs支持浏览器自动填表
2014/11/10 Javascript
浅谈javascript中createElement事件
2014/12/05 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
基于jQuery实现自动轮播旋转木马特效
2015/11/02 Javascript
通过BootStrap实现轮播图的实际应用
2016/09/26 Javascript
Bootstrap CSS布局之图像
2016/12/17 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
2017/02/06 Javascript
extjs图形绘制之饼图实现方法分析
2020/03/06 Javascript
JS中箭头函数与this的写法和理解
2021/01/14 Javascript
[01:11:02]Secret vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python基础入门详解(文件输入/输出 内建类型 字典操作使用方法)
2013/12/08 Python
Python Tkinter简单布局实例教程
2014/09/03 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
python中的数据结构比较
2019/05/13 Python
Python 使用 prettytable 库打印表格美化输出功能
2019/12/26 Python
python通用读取vcf文件的类(复制粘贴即可用)
2020/02/29 Python
CSS3效果:自定义“W”形运行轨迹实例
2017/03/29 HTML / CSS
JD Sports法国:英国篮球和运动时尚的领导者
2017/09/28 全球购物
什么叫应用程序域?什么是受管制的代码?什么是强类型系统?什么是装箱和拆箱?
2016/08/13 面试题
物流管理专业大学生自荐信
2013/10/04 职场文书
优秀技术工人先进材料
2014/02/17 职场文书
化工专业求职信
2014/07/01 职场文书
大学生青年志愿者活动总结
2015/05/06 职场文书
具结保证书范本
2015/05/11 职场文书
楚门的世界观后感
2015/06/03 职场文书
幼儿园教师管理制度
2015/08/05 职场文书
告诉你创业计划书的8个实用技巧
2019/07/12 职场文书