JavaScript字符串数组学习之妙用函数公式来连接好几个

lxf2023-03-10 20:46:02

在其他回答《js怎么知道给定子串是不是存在》中,大家阐述了根据获得签串的在字符串数组的第一次或最后一次发生部位,从而分辨给出签串的是不是存有的方式。此次我们再JavaScript字符串数组课程的学习介绍一下拼接字符串的众多方式。

在JavaScript字符串数组中,一说到拼接字符串,都会想到应用字符串连接操作符“ ”,使用这些让2个或几个字符串变量相互连接:

var str1 = "Hello";
var str2 = "World";
var splicing = str1 " " str2;
console.log("str1字符串数组为:" str1);
console.log("str2字符串数组为:" str2);
console.log("拼凑以后的字符串数组为:" splicing);

输出结果:

JavaScript字符串数组学习之妙用函数公式来连接好几个

但除了字符串连接操作符“ ”,JavaScript还内置了2个函数concat()或是join(),还可以用来完成字符串数组的拼凑(在特定编码环境里应用)。下面我们就来了解一下:

1、应用concat()方式

concat()方法来联接2个或几个字符串数组

var str1 = "Hello";
var str2 = str1.concat(" ","World"," ","!");
console.log("str1字符串数组为:" str1); 
console.log("拼凑以后的字符串数组为:" str2);

剖析:string.concat(str1,str2,...,strN)函数公式能把好几个主要参数str1,str2,...,strN加上在指定字符串数组string的尾端,随后回到联接后字符串数组。

看一下输出结果:

JavaScript字符串数组学习之妙用函数公式来连接好几个

表明:concat()方式不容易改动原字符串数组数值,因而 string 本身并没有被变更。

2、应用join()方式

join()方式其实是一个二维数组方式,能把二维数组中所有原素放进一个字符串数组。

在特定作业环境中,大家可以利用该 join() 方式来连接字符串,如 HTML 字符串数组导出等。

var arr=new Array();
arr=["www","php","cn"];
var str=arr.join("");
arr = null;
document.write(str);

看一下输出结果:

JavaScript字符串数组学习之妙用函数公式来连接好几个

在以往电脑浏览器中,应用二维数组的 join() 方式联接超大型字符串数组时,速率也会很快,是介绍的最好方式。

var s = "JavaScript";
var arr=new Array();
for (var i = 0; i < 10; i   ) {
    arr.push(s);
}
var str=arr.join("-");
arr = null;
document.write(str);

看一下输出结果:

JavaScript字符串数组学习之妙用函数公式来连接好几个能够得知,array.join(分节符)函数公式可以用特定分节符把array二维数组中元素两组连接在一起,形成一个字符串数组并导出。

好啦,就说到这儿了,有需求的能看:javascript高级教程

以上就是关于JS字符串数组学习之妙用函数公式来连接好几个字符串数组的具体内容,大量欢迎关注AdminJS其他类似文章!