【JS新手教程】JS中的split()方法,拆分字符串

2021年09月15日 阅读数:3
这篇文章主要向大家介绍【JS新手教程】JS中的split()方法,拆分字符串,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

该方法具体如代码和图中的注释,直接在语句后面加注释了。
格式:要拆分的字符串.split(拆分依据的字符)
例如该文中的例子,拆分人名,电话,地址。该文中用了个文本框,文本框中须要输入的格式是:人名,电话,地址。
该例子中用了一个文本框的初始值,该方法能够把字符串拆分红多个小的字符串,例如本文依据的是中文的逗号,凡是遇到逗号,都会被拆分,一共有两个逗号,分隔了三段字符串。
把拆分号的内容放入一个数组里,用索引来取这个数组的值,拆分后的是从左到右拆分的,遇到拆分的字符,就拆开。
该例子中,而后把拆分的内容加一些其余字符,进行重组,LODOP的text文本换行符是\n,再加点换行,组成新的字符串。最后传给LODOP进行打印。
打印拆分后重组的字符串。javascript

测试代码:html

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
</head>
<body>
输入以中文逗号分隔的字符串<p><textarea id="textarea" rows="12" id="S1" cols="107" >A某,127789789,啦啦啦省哎哎哎县</textarea></p>
<a href="javascript:prn1_preview() ">打印预览</a><br>
<script language="javascript" type="text/javascript"> 
        var LODOP; //声明为全局变量
    function spltNewtext() {//一个字符串拆分红多个字符串,而后重组成一个新的字符串
        var Ytext = document.getElementById("textarea").value; //获取原始字符串值
        var addrs=new Array();//建一个空的数组
        var addrs= Ytext.split("");//根据原始字符串的中文逗号拆分,给空的数组值
        var Newtext="收件人:"+addrs[0]+"\n"+"电话:"+addrs[1]+"\n"+"地址:"+addrs[2];//对拆分的字符串进行重组
        return Newtext//返回新的字符串
    }    
    function prn1_preview() {
        LODOP=getLodop(); 
        var ads=spltNewtext();
        LODOP.PRINT_INIT("");
        LODOP.ADD_PRINT_TEXT(34,44,100,20,"以下是地址:");
        LODOP.ADD_PRINT_TEXT(74,43,507,95,ads);
        //LODOP.PRINT_DESIGN();
        LODOP.PREVIEW();
    };
</script> 
</body>

图示:java