<p style="white-space: normal;">js截取字符串,js截取字符串后几位常用方法,在开发中常常会需要截取字符串,而JavaScript提供了很多种方法实现截取操作。本文对js截取字符串的各种方法做个整理,供大家参考。<br/></p><p style="white-space: normal;"><strong>js截取字符串后几位方法一:使用substring()函数</strong><br/></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">定义和用法</span></p><p style="white-space: normal;">substring() 方法用于提取字符串中介于两个指定下标之间的字符。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">语法</span></p><pre class="brush:js;toolbar:false;">stringObject.substring(start,stop)</pre><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">参数 描述</span></p><p style="white-space: normal;">start<span style="white-space: pre;"></span>必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。</p><p style="white-space: normal;">stop<span style="white-space: pre;"></span>可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">返回值</span></p><p style="white-space: normal;">一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">说明</span></p><p style="white-space: normal;">substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。</p><p style="white-space: normal;">如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。</p><p style="white-space: normal;"><span style="color: rgb(255, 0, 0);"><strong>使用案例</strong></span></p><p style="white-space: normal;">假设一个字符串为http://panxu.net/column/javascript/,截掉字符串后19位,代码吗如下:</p><pre>var str = "http://panxu.net/column/javascript/"; console.log(str.substring(0,str.length-19));</pre><p style="white-space: normal;">输出结果如下:</p><p style="white-space: normal;"><img src="http://panxu.net/upload/content/20181217/1544977656279215.png" title="js截取字符串,js截取字符串后几位常用方法" alt="js截取字符串,js截取字符串后几位常用方法" width="756" height="106"/></p><p style="white-space: normal;"><strong>js截取字符串<strong>后</strong>几位方法二:使用slice()函数</strong></p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">定义和用法</span></p><p style="white-space: normal;">slice() 方法可提取字符串的某个部分,并以新的字符串返回被提取的部分。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">语法</span></p><pre class="brush:js;toolbar:false">stringObject.slice(start,end)</pre><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">参数 描述</span></p><p style="white-space: normal;">start<span style="white-space: pre;"></span>要抽取的片断的起始下标。如果是负数,则该参数规定的是从字符串的尾部开始算起的位置。也就是说,-1 指字符串的最后一个字符,-2 指倒数第二个字符,以此类推。</p><p style="white-space: normal;">end<span style="white-space: pre;"></span>紧接着要抽取的片段的结尾的下标。若未指定此参数,则要提取的子串包括 start 到原字符串结尾的字符串。如果该参数是负数,那么它规定的是从字符串的尾部开始算起的位置。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">返回值</span></p><p style="white-space: normal;">一个新的字符串。包括字符串 stringObject 从 start 开始(包括 start)到 end 结束(不包括 end)为止的所有字符。</p><p style="white-space: normal;"><span style="color: rgb(0, 112, 192);">说明</span></p><p style="white-space: normal;">splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。</p><p style="white-space: normal;">如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。</p><p style="white-space: normal;"><span style="color: rgb(255, 0, 0);"><strong>使用案例</strong></span></p><p style="white-space: normal;">假设一个字符串为http://panxu.net/column/javascript/,截掉字符串后19位,代码吗如下:</p><pre>var str = "http://panxu.net/column/javascript/"; console.log(str.slice(0,-19));</pre><p style="white-space: normal;">输出结果如下:</p><p style="white-space: normal;"><strong><img src="/upload/content/20181217/1544978267968640.png" title="js截取字符串,js截取字符串后几位常用方法" alt="js截取字符串,js截取字符串后几位常用方法" width="550" height=""/></strong><br/></p><p style="white-space: normal;"><strong>js截取字符串<strong>后</strong>几位方法三:使用正则表达式</strong></p><p style="white-space: normal;"><strong style="color: rgb(255, 0, 0);">使用案例</strong></p><p style="white-space: normal;">正则表达式</p><p style="white-space: normal;"><span style="color: rgb(255, 0, 0);"><strong>其实此方法更适用于保留字符串后几位</strong></span></p><p style="white-space: normal;">截取字符串后11位</p><pre class="brush:js;toolbar:false">var reg = /.*(.{11})/; var str = 'http://panxu.net/column/javascript/'; console.log(str.match(reg)[1]);</pre><p style="white-space: normal;">结果如下:</p><p style="white-space: normal;"><img src="/upload/content/20181217/1544978858819697.png" title="js截取字符串,js截取字符串后几位常用方法" alt="js截取字符串,js截取字符串后几位常用方法" width="550" height=""/></p><p style="white-space: normal;">好了,以上就是关于“js截取字符串,js截取字符串后几位常用方法”的全部内容了,<span style="color: rgb(51, 51, 51); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: rgb(255, 255, 255);">如果你看到了这个问题,并且有更好的方法,请告知我呦,多谢~~</span></p>