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中字符串拼接的四种方式。