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

JS 数组转字符串的4种方法前言 在项目过程中 我们会有很多情况会遇到我们拿到的的是一个数组的情况 但是后台可能需要的是一个以 分割的字符串 那我们有哪些方法进行转换呢 1 我们首先 for 循环这个数组 将需要的值加 拼接起一个字符串 这个时候的字符串会以 结尾 我们再用 substring 对这个字符串进行截取去掉最后的那个 得到想要的值 2 toString 方法能够把每个元素转换为字符串 然后以逗号连接输出显示 JavaScript 会以迭代的方式调用 toString 方法把所有数组都转换为字符串

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

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

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'); },

具体打印的信息如下图:

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/204566.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月19日 下午8:02
下一篇 2026年3月19日 下午8:03


相关推荐

  • 自定义注解详细介绍

    自定义注解详细介绍1 注解的概念 1 1 注解的官方定义首先看看官方对注解的描述 Anannotation thatcanbeadd Classes methods variables parametersan Annotations

    2026年3月19日
    2
  • http.sys远程代码注入漏洞

    http.sys远程代码注入漏洞http.sys是一个位于Win2003和WinXPSP2中的操作系统核心组件,能够让任何应用程序通过它提供的接口,以http协议进行信息通讯。主要存在于在Windows+IIS环境下,影响了包括Windows7、WindowsServer2008R2、Windows8、WindowsServer2012、Windows8.1和WindowsServer2012

    2022年7月25日
    11
  • Linux 更改文件名

    Linux 更改文件名Linux 更改文件名

    2026年3月20日
    3
  • 各种Oracle索引类型介绍「建议收藏」

    各种Oracle索引类型介绍「建议收藏」逻辑上:Singlecolumn单行索引Concatenated多行索引Unique唯一索引NonUnique非唯一索引Function-based函数索引Domain域索引物理上:Partitioned分区索引NonPartitioned非分区索引B-tree:Normal正常型B树ReverKey反转型B树Bitmap位图索引索引结构:B-tree:

    2022年5月27日
    27
  • 语音信号处理分类

    语音信号处理分类人与人之间的通信:语音压缩与编码压缩语音信号的传输带宽或者降低电话信道的传输码率解释:比特率=位深X采样率X信道个数,比特率越高,还原度越高,速度越慢。所以降低编码比特率,可以节省频率资源。第一类人与机器之间的通信:语音合成机器讲话,人接听文语转换(TTS)系统,主要关注可理解度,自然度,可懂度,逼真度(情感语音合成)第二类人与机器之间的通信:语音识别人讲话,机器接…

    2022年5月26日
    43
  • intellij idea 打war包 配置

    intellij idea 打war包 配置选择 for 对应的 exploded 这样就能打 war

    2026年3月18日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号