JS字符串拼接/连接（3种方式）

比眉伴天荒 2023-02-22 15:57 21阅读 0赞

## 使用加号运算符 ##

连接字符串最简便的方法是使用加号运算符。

示例1

下面代码使用加号运算符连接两个字符串。

var s1 = "abc" , s2 = "def";
    
    console.log(s1 + s2); //返回字符串“abcdef”

## 使用concat()方法 ##

使用字符串 concat() 方法可以把多个参数添加到指定字符串的尾部。该方法的参数类型和个数没有限制，它会把所有参数都转换为字符串，然后按顺序连接到当前字符串的尾部最后返回连接后的字符串。

示例2

下面代码使用 concat() 方法把多个字符串连接在一起。

var s1 = "abc";
    
    var s2 = s1.concat("d" , "e" , "f"); //调用concat()连接字符串
    
    console.log(s2); //返回字符串“abcdef”

concat() 方法不会修改原字符串的值，与数组的 concat() 方法操作相似。

## 使用join()方法 ##

在特定的操作环境中，也可以借助数组的 join() 方法来连接字符串，如 HTML 字符串输出等。

示例3

下面代码演示了如何借助数组的方法来连接字符串。

var s = "JavaScript" , a = [];
    
    for (var i = 0; i < 1000; i ++) {
    
    a.push(s);
    
    }
    
    var str = a.join("");
    
    a = null;
    
    document.write(str);

在上面示例中，使用 for 语句把 1000 个 “JavaScript”字符串装入数组，然后调用数组的 join() 方法把元素的值连接成一个长长的字符串。使用完毕应该立即清除数组，避免占用系统资源。  
  
在传统浏览器中，使用数组的 join() 方法连接超大字符串时，速度会很快，是推荐的最佳方法。随着现代浏览器优化了加号运算符的算法，使用加号运算符连接字符串速度也非常快，同时使用简单。一般推荐使用加号运算符来连接字符串，而 concat() 和 join() 方法可以用在特定的代码环境中。

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS定义字符串（3种方式）

在 JavaScript 中，定义字符串有以下 3 种方法。字符串直接量使用双引号或单引号包含任意长度的文本。示例1 任何被引号包含的文本都被称为字符串型数据

水深无声/ 2024年03月31日 12:39/ 0 赞/ 65 阅读

相关 js 字符串拼接的4种方法

一、使用连接符 + 把想要连接的字符串串起来 let shy = '帅哥' let a = '我是' + shy console.log(a)

约定不等于承诺〃/ 2023年10月09日 23:18/ 0 赞/ 43 阅读

相关 JS字符串拼接/连接（3种方式）

使用加号运算符连接字符串最简便的方法是使用加号运算符。示例1 下面代码使用加号运算符连接两个字符串。 var s1 = "abc" , s2 = "de

比眉伴天荒/ 2023年02月22日 15:57/ 0 赞/ 22 阅读

相关 Python拼接字符串的七种方式

Python拼接字符串的七种方式 1、来自C语言的%方式(不推荐) 2、format()拼接方式 3、常用的+号方式 4、面向对象模板拼接(不推荐

浅浅的花香味﹌/ 2022年12月05日 13:53/ 0 赞/ 243 阅读

相关 ABAP字符串拼接保留空格的3种方式

ABAP字符串拼接保留空格，可以使用以下几种方式： DATA lv_char1 TYPE string VALUE 'Hello'. DATA lv_char

阳光穿透心脏的1/2处/ 2022年09月11日 05:23/ 0 赞/ 602 阅读

相关 golang 几种字符串的拼接方式

最近在做性能优化，有个函数里面的耗时特别长，看里面的操作大多是一些字符串拼接的操作，而字符串拼接在 golang 里面其实有很多种实现。实现方法 1.直接使用运算符

╰+哭是因爲堅強的太久メ/ 2022年05月29日 00:55/ 0 赞/ 241 阅读

相关 js 拼接字符串

推荐使用： var arr=new Array(); arr.push(a); arr.push(b); var str=arr.join(” “);//表示以

曾经终败给现在/ 2022年05月29日 00:13/ 0 赞/ 248 阅读

相关 js 字符串拼接

如下所示： [?][Link 1] <table> <tbody> <tr> <td> <p>1</p> <p>2</p> <p>3</p> <p>4</

小灰灰/ 2022年05月14日 09:45/ 0 赞/ 415 阅读

相关 Python拼接字符串的七种方式

忘了在哪看到一位编程大牛调侃，他说程序员每天就做两件事，其中之一就是处理字符串。相信不少同学会有同感。几乎任何一种编程语言，都把字符串列为最基础和不可或缺的数据类型。而拼接

╰+哭是因爲堅強的太久メ/ 2022年02月13日 02:55/ 0 赞/ 264 阅读

相关 JS字符串拼接的几种方式及其性能比较

一、使用连接符 “+” 把要连接的字符串连起来 var a = 'java' var b = a + 'script' 只连接100个以下的字符

蔚落/ 2021年09月19日 00:04/ 0 赞/ 704 阅读