JS 数组转字符串的4种方法

article/2025/9/15 14:14:24

前言:在项目过程中,我们会有很多情况会遇到我们拿到的的是一个数组的情况,但是后台可能需要的是一个以“,”分割的字符串,那我们有哪些方法进行转换呢? 

1.我们首先for循环这个数组,将需要的值加","拼接起一个字符串,这个时候的字符串会以‘,’结尾,我们再用substring对这个字符串进行截取去掉最后的那个‘,’得到想要的值


2.toString() 方法能够把每个元素转换为字符串,然后以逗号连接输出显示JavaScript 会以迭代的方式调用 toString() 方法把所有数组都转换为字符串。


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

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

 

具体的代码实现如下

data() {return {formArr: ["科比", "麦迪", "卡特", "艾弗森"],note1: "",note2: "",note3: "",note4: "",};},created() {console.log(this.formArr);// 方法一let str = "";for (let i = 0; i < this.formArr.length; i++) {str += this.formArr[i] + ",";}this.note1 = str.substring(0, str.length - 1);console.log(this.note1,'note1');// 方法二this.note2 = this.formArr.toString();console.log(this.note2,'note2');// 方法三this.note3 = this.formArr.toLocaleString();console.log(this.note3,'note3');// 方法四this.note2 = this.formArr.join('&');console.log(this.note2,'note4');},

具体打印的信息如下图:

 


http://chatgpt.dhexx.cn/article/yoPGQoLj.shtml

相关文章

Js数组转字符串,字符串转数组

数组转字符串 const arr[h,e,l,l,o] console.log("原数组:",arr) const strarr.join() console.log("转成的字符串:",str)&#xff0c; 效果图&#xff1a; 字符串转数组 const str"hello" console.log("原字符串:",str) cons…

将数组格式的字符串转换成数组

转自&#xff1a;https://www.cnblogs.com/shy0113/p/12064590.html 由于数据传输的原因&#xff0c;有时我们得到的是字符串形式的数组&#xff08;比如&#xff1a;str["a","b","c","d"],写成str"[a, b, c, d]"&#xff0…

数组转字符串的方法(3种)

数组转字符串的方法&#xff08;3种&#xff09; 方法转化后类型用法特点toString()string将数组转换成一个字符串默认用“,”隔开toLocaleString()string把数组转换成本地约定的字符串默认用“,”隔开join()string将数组元素连接起来以构建一个字符串可以随意设定分隔符 下面…

数字电子钟Multisim仿真(数电课设+实验报告)

我本次的数电课设是设计一个电子时钟&#xff0c;并用Multisim实现仿真 因为自己刚开始做这个实验的时候也是网上的一些资料帮助了自己&#xff0c;所以我也想把自己的东西分享出来&#xff0c;给其他人一些思路。 这个是总体的设计要求 上传的文件包括以上三个部分&#xff0…

数电复习(2)组合逻辑卡诺图设计

1. 基本逻辑门 ABC&#xff08;AB&#xff09;&#xff08;AC&#xff09; 利用此公式可得 AA’BAB A&#xff08;AB&#xff09;A ABA’CBCABA’C 即&#xff1a;若两个乘积项中分别包含 A和A’两个因子&#xff0c;而这两个乘积项的其余因子组成第三个乘积项时&#xff0c; 则…

数电/数字电子技术期末考前突击复习(小白稳过,看这一篇就够了)

博主&#xff1a;命运之光 专栏&#xff1a;期末考试必过and不挂科and争高分&#x1f636;‍&#x1f32b;️还有其他科目的考试突击日后会陆续更新 ✨✨✨✨✨点赞&#xff0c;关注&#xff0c;收藏不迷路✨✨✨✨✨ &#x1f984;前言&#xff1a;总结了期末数电大概率可能…

数电模电实验课程

首先我们点击保存到桌面&#xff0c;文件后缀名为cir再次打开软件Pspice AD Student\n点击file-open-查找范围为桌面&#xff0c;文件类型为cir后缀的&#xff0c;选择相应的文件名&#xff0c;打开⑥会回到软件页面&#xff0c;然后点击Simulation-Run Muitisim模电仿真实验(一…

模电数电c语言笔试题,模电数电题面试题集锦

模电数电题面试题集锦 模电数电题模拟电路面试题集锦 20071、基尔霍夫定理的内容是什么基尔霍夫定律包括电流定律和电压定律电流定律在集总电路中&#xff0c;任何时刻&#xff0c;对任一节点&#xff0c;所有流出节点的支路电流的代数和恒等于零。电压定律在集总电路中&#…

数电期末笔记

&#x1f95d;计数器分类 &#x1f347;按触发器动作分类 1.同步计数器 2.异步计数器 &#x1f34d;同步计数器特点 &#x1f347;按编码数值增减分类 1.递增计数器 2.递减计数器 3.可逆计数器 &#x1f95d;重要概念 模&#xff1a;计数器运行时&#xff0c;从某一状态开…

数电:计数器

同步计数器和异步计数器的区别 1.同步计数器的外部时钟端都连在一起&#xff0c;而异步计数器没有 2.同步计数器在外部信号到来时触发器同时翻转&#xff0c;而异步计数器的触发器为串行连接&#xff0c;工作频率较低 3.异步计数器输出状态的建立&#xff0c;要比CP慢一个传…

数电课设

数电学的差不多了&#xff0c;想做几个简单的课设巩固一下 数字时钟 这个蛮简单的&#xff0c;思路就是脉冲发生器-计数器-译码器 首先看一下脉冲发生器 可以用石英晶振分频或者NE555芯片做&#xff0c;前者精度高一点 这里我们采用NE555搭一个多谐振荡器 原理自己翻书去&am…

数电基本概念

1.什么是模拟信号&#xff1f;什么是数字信号&#xff1f; 模拟信号&#xff1a;时间和数值均连续变化的信号&#xff0c;如正弦波、三角波等 数字信号&#xff1a;在时间上和数值上均是离散的信号 2.数字电路有哪些优点&#xff1f; 3. 为什么数字逻辑称为二值数字逻辑&am…

数电基础

数电基础 电的两种属性 它可以携带能量----电工学&#xff1a;专门研究电能的产生、传送和利用它可以携带信息----电子学&#xff1a;专门研究电信号的变换、传送和处理 电子技术的分类 现实世界中的信息模拟量----模拟电子技术&#xff1a;专门研究模拟信号的处理。 模拟量…

交通灯控制系统(30-5-20-5)【数电课设】

交通灯控制系统【数电课设】 相关资源一、红绿灯交通信号系统功能概述二、任务和要求三、红绿灯交通信号系统四、电路设计1.时钟产生模块2.状态转换模块3.计时模块1)置数单元2)计时单元4.显示模块1)信号灯显示单元2)数码管显示单元五、分析和总结附录相关资源 数电课设交通…

一文极速理解数电

目录 引言正文数制与编码数制编码 门电路逻辑代数化简卡诺图化简 组合逻辑电路小规模集成电路SSI中规模集成电路MSI高规模集成电路LSI 触发器时序逻辑电路FSM&#xff08;有限状态机&#xff09;FSM的分析和设计 进阶74LS160、74LS194施密特触发电路、单稳态电路、多谐振荡电路…

数电学习经验

数电学习经验 一数电是什么 数电即数字电子技术&#xff0c;主要研究各种逻辑门电路、集成器件的功能及其应用&#xff0c;.逻辑门电路组合百和时序电路的分析和设计、 集成芯片各脚功能。 二.数电学习什么 第一章 数制和码制 第二章 逻辑代数基础 第三章 门电路 第四章 组…

数字电路-【百科总结】

基本信息&#xff1a; 中文名称&#xff1a;&#xff1a;数字电路别名&#xff1a;&#xff1a;数字系统、数字逻辑电路英文名称&#xff1a;&#xff1a;Digital Circuit构成材料&#xff1a;&#xff1a;半导体工艺制成的数字集成器件 目录&#xff1a; 1.发展 2.分类 3.…

Android11/Android Q分屏功能实现

android11/Q分屏实现。 1、先确认支持分屏。 调用boolean supportsSplitScreenMultiWindow ActivityTaskManager.supportsSplitScreenMultiWindow(mContext); 确认是否支持分屏。 若返回false&#xff0c;修改frameworks\base\core\res\res\values\config.xml config_supp…

android google 分屏 多窗口 popup无法显示故障分析

原创无极限&#xff0c;欢迎加微信公众号 code_gg_home &#xff0c;关注更多内容 问题描述 [Message][Input method]Display is wrong when message at split mode. 分屏模式下短信界面显示不正确 操作步骤 1.打开message然后退出 2.打开一个app如Call,然后长按recent键…