当前位置:   article > 正文

js函数进阶html代码关于String.split()函数部分_html string split

html string split

<!DOCTYPE html>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta http-equiv="X-UA-Compatible" content="ie=edge">

<title>split()函数</title>

<style>

.click_jump{

/* color: aqua; */

font-size: 20px;

font-weight: bolder;

}

.click_jump:link{

color: red;

}

.click_jump:visited {color:green;}

.click_jumpa:hover {color:salmon;}

.click_jump:active {color:yellow;}

</style>

</head>

<body>

<span>

split()方法用于把一个字符串分割成字符串数组。

</span>

<button class="click_jump" οnclick="clickJump()">String.split()执行的操作与Array.join执行的操作是相反的</button>

<p>

语法:stringObject.split(separator,howmany)

</p>

<ul>

<li>separator<span>必填,字符串或正则表达式,从该参数指定的地方分割stringObject</span></li>

<li>howmany<span>可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。</span></li>

 

</ul>

<h3>返回值</h3>

<ol>

<li>一个字符串数组。该数组是通过在separator指定的边界处将字符串stringObject分割成字串创建的。返回的数组中的字符串不包括separator自身</li>

<li>但是,如果separator是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)</li>

</ol>

<h2>提示和注释</h2>

<ul>

<li>注释:如果把空字符串("")用作separator,那么stringObject中的每个字符之间都会被分割。</li>

<li>注释:String.split()执行的操作与Array.join执行的操作是相反的。</li>

</ul>

<h1><strong>利用拆分字符串重新组合字符串,拆分计入空格</strong></h1>

 

</body>

<script type="text/javascript">

var str = "How are you doing today ?"

var datestr = "2019-02-19,2018.03.23,2017.07.23,2016.06.08,2015.08.26"

let = str1 = str.split("");

let = str2 = datestr.split("");

document.write("分割成单词"+str.split(" ") + "<br />");

document.write("分割成字母"+str.split("") + "<br />");

document.write("返回一部分字符使用howmany参数"+str.split("" , 3) + "<br />")

document.write("分割成单词"+datestr.split(" ") + "<br />");

document.write("分割成字母"+datestr.split("") + "<br />");

document.write("返回一部分字符使用howmany参数"+datestr.split("" , 3) + "<br />");

document.write( "2:3:4:5".split("") + "<br />");

document.write("去除冒号 :" +"<br/>"+ "2:3:4:5".split(":") + "<br />");

document.write( "|a|b|c".split("") + "<br />");

document.write("去除竖杠 |:"+"<br/>" + "|a|b|c".split("|") + "<br />");

document.write("组合拆分字符串"+str1[2]+str1[6]+str1[3]+str1[4]+str1[5]+str1[6]+ "<br />");

document.write("组合拆分字符串"+str2[0]+str2[17]+str2[17]+str2[2]+str2[17]+str2[17]+str2[17]+ "<br />");

document.write("使用正则表达式作为separator:"+sentence.split(/\s+/));

function clickJump(){

window.location.href = 'jsFunArrayJoin.html';

}

 

</script>

</html>

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/92984
推荐阅读
相关标签