JavaScript中连接字符串的方式有4种,分别是使用加号运算符连接、使用${}配合反引号连接、使用concat()函数连接、使用join()函数连接。

1. 使用加号运算符

示例代码如下:

  let result = ""; //定义一个空字符串
  let fruits = ["Banana", "Orange", "Apple", "Mango"];  //定义一个数组
  for (i = 0; i < fruits.length; i++) {  //使用for循环遍历数组中的元素
      if (fruits[i] === "Apple"){

          result = "Apple元素在数组中的索引号为:" + i; //使用加号运算符连接字符串

      };
  } 
  alert(result);  //输出结果为:Apple元素在数组中的索引号为:2

2. 使用${}配合反引号

示例代码如下:

  let result = ""; //定义一个空字符串
  let fruits = ["Banana", "Orange", "Apple", "Mango"];  //定义一个数组
  for (i = 0; i < fruits.length; i++) {  //使用for循环遍历数组中的元素
      if (fruits[i] === "Apple"){

          result = `Apple元素在数组中的索引号为:${i}`; //使用反引号和${}连接字符串

      };
  } 
  alert(result);  //输出结果为:Apple元素在数组中的索引号为:2
反单引号怎么打出来?

将输入法调整为英文输入法,然后按下键盘左上角ESC(退出键)下方的按键。

PS:一定是用反引号啊!不要写成单引号了!!

3. 使用concat()函数

示例代码如下:

  let result = ""; //定义一个空字符串
  let fruits = ["Banana", "Orange", "Apple", "Mango"];  //定义一个数组
  for (i = 0; i < fruits.length; i++) {  //使用for循环遍历数组中的元素
      if (fruits[i] === "Apple"){

          result = "Apple元素在数组中的索引号为:"; 
          result = result.concat(i);  //使用concat()连接字符串

      };
  } 
  alert(result);  //输出结果为:Apple元素在数组中的索引号为:2

4. 使用join()函数(针对数组中的字符连接)

示例代码如下:

  let result = ""; //定义一个空字符串
  let Array = []; //定义一个空数组
  let fruits = ["Banana", "Orange", "Apple", "Mango"];  //定义一个数组
  for (i = 0; i < fruits.length; i++) {  //使用for循环遍历数组中的元素
      if (fruits[i] === "Apple"){

          Array.push("Apple元素在数组中的索引号为:", i);  //使用push()函数将元素添加到空数组Array中
          result = Array.join('');  //使用join()连接数组中的字符串
          //join()括号中要使用引号(单引号/双引号),否则会把数组元素之间的逗号也加进来

      };
  } 
  alert(result);  //输出结果为:Apple元素在数组中的索引号为:2

以上就是JavaScript中字符串拼接的四种方式。

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐