javascript有split函数吗

程序员文章站 2022-03-04 23:30:16

...

javascript中split函数。split()是js String对象的一个内置函数，用于将字符串分隔为一个字符串数组，并返回该字符串数组，语法格式“str.split(分隔符 [,length])”。

javascript有split函数吗

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript String对象 split()

JavaScript split() 方法用于将字符串分隔为一个字符串数组，格式为：

str.split( 分隔符 [,length] )

该方法和数组的 join() 互为逆运算。

split() 方法根据“分隔符”参数将字符串分隔成不大于“length”参数指定长度的字符串数组。参数“分隔符”既可以是某个字符串，也可以是一个正则表达式。参数“length”可选，该参数可指定返回的数组的最大长度。如果设置了 length 参数，返回的字符串个数不会多于这个参数；如果没有设置该参数，整个字符串都会被分割，不考虑其长度。

split() 方法在分隔符指定的边界处将字符串 str 进行分隔，返回的数组中的字符串不包括分隔符自身。需要注意的是，如果分隔符为空字符串''，则 str 字符串中的每个字符之间都会被分割。

split() 示例如下：

var str = "Hello,can I help you?";
alert(str.split(","));//使用，作为分隔符，输出：["Hello","can I help you?"]
alert(str.split(' '));//使用空格字符串作为分隔符，输出：["Hello,can", "I", "help", "you?"]
alert(str.split(''));//使用空字符串作为分隔符，输出：["H","e","l","l","o",",","c","a","n","
                       //","I"," ","h","e","l","p"," ","y","o","u","?"]
alert(str.split('can'));//使用"can"字符串作为分隔符，输出：["Hello,", " I help you?"]

实例：使用 split() 实现对输入文字设置背景颜色。

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>使用split()和join()实现对输入文字设置背景颜色</title>
<script>
     window.onload = function(){
         var oDiv = document.getElementById('div1');
         var aInp = document.getElementsByTagName('input');
         var arrColor = ['#FFC','#CC3','#6FC','#9C9','#C6F','#CFF'];
        
         aInp[1].onclick = function(){
            var str = aInp[0].value;
            var arr = str.split('');//将字符串使用空字符串分隔为字符串数组
         
            for(var i = 0; i < arr.length; i++){
               arr[i] = '<span style="background:'+arrColor[i%arrColor.length]+';">'+
                      arr[i]+'</span>';
            }
            oDiv.innerHTML = arr.join('');//将数组各个元素使用空字符串连接成字符串
            aInp[0].value = '';//清空文本框中输入的文本内容
         };
     };
</script>
<body>
   <div id="div1" style="width:300px;height:50px;"></div>
     <input type="text"/>
   <input type="button" value="提交"/>
</body>
</html>

上述 JS 代码使用 split('') 按空字符将字符串分隔到的一个个字符作为数组元素存放在数组 arr 中，然后使用循环语句对数组中的每个字符元素添加背景颜色后，通过 join('') 使用空字符将数组中的各个字符元素连接成一个字符串。

运行结果：

在文本框中输入文本内容：

javascript有split函数吗

单击提交按钮后为文本添加背景：

javascript有split函数吗

【相关推荐：javascript学习教程】

以上就是javascript有split函数吗的详细内容，更多请关注其它相关文章！

javascript有split函数吗

JavaScript中join()、splice()、slice()和split()函数用法示例

JavaScript普通函数中的this指向判断，箭头函数的this有什么不同？

JavaScript 中，定义函数时用 var foo = function () {} 和 function foo() 有什么区别？

JavaScript中的参数传递(求值策略)，ECMAScript中所有函数的参数都是按值传递吗

JavaScript中join()、splice()、slice()和split()函数用法示例

js全局函数有哪些（javascript原型和原型链）

JavaScript函数中上下文有哪些规则

用来javascript变量名和函数名替换的php源码，哪位达人能推荐下吗

用以javascript变量名和函数名替换的php源码，哪位达人能推荐下吗

数组纵向切片,有内置函数吗,该如何处理