關閉→
當前位置:知科普>學習教育>JS截取字符串的三種方法詳解

JS截取字符串的三種方法詳解

知科普 人氣:1.69W

<link rel="stylesheet" href="https://js.how234.com/third-party/SyntaxHighlighter/shCoreDefault.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/third-party/SyntaxHighlighter/shCore.js"></script><script type="text/javascript"> SyntaxHighlighter.all(); </script>

JS提供三個截取字符串的方法,分別是:slice(),substring()substr(),它們都可以接受一個或兩個參數:

JS截取字符串的三種方法詳解

var stmp = "rcinn.cn";

使用一個參數

alert(stmp.slice(3));//從第4個字符開始,截取到最後個字符;返回"nn.cn"

alert(stmp.substring(3));//從第4個字符開始,截取到最後個字符;返回"nn.cn"

使用兩個參數

alert(stmp.slice(1,5))//從第2個字符開始,到第5個字符;返回"cinn"

alert(stmp.substring(1,5));//從第2個字符開始,到第5個字符;返回"cinn"

如果只用一個參數並且為0的話,那麼返回整個參數

alert(stmp.slice(0));//返回整個字符串

alert(stmp.substring(0));//返回整個字符串

返回第一個字符

alert(stmp.slice(0,1));//返回"r"

alert(stmp.substring(0,1));//返回"r"

//在上面的例子中我們可以看出slice()和substring()的用法是相同的,返回的值也是一樣的,但當參數為負數時,他們的返回值卻不一樣,看下面的例子

alert(stmp.slice(2,-5));//返回"i"

alert(stmp.substring(2,-5));//返回"rc"

//從上面兩個例子可以看出slice(2,-5)實際上是slice(2,3),負5加上字符串長度8轉換成正3(若第一位數字等於或大於第二位數字(slice()注意:這裏第二位數字如果是負數是加完字符串長度後的數字,而不是顯示的數字例:length=11,(7,-6),-6+11=5第二位小於第一位),則返回空字符串);而substring(2,-5)實際上是substring(2,0),負數轉換為0,substring總是把較小的數作為起始位置。

alert(stmp.substring(1,5))//從第2個字符開始,到第5個字符;返回"cinn"

alert(stmp.substr(1,5));//從第2個字符開始,截取5個字符;返回"cinn."

var phone = 15989012100;

phone.slice(-6) 取倒數後6位(第二個參數不用寫0),return ‘012100 ';

phone.slice(-6,-4) 取倒數後4位到倒數6位,(-6+11,-4+11)=(5,7);

// 日期比較大小 當日期每個月都小1時var nowdate = new Date();item = 2016-7-16;temp = item.split('-');if (temp[0] != curYear || temp[1] != curMonth) {    return;}temp[1] = parseInt(temp[1]) + 1;date = new Date(temp.join('-'));if(date>=nowdate){執行A;}else{執行B;}

替換指定字符串後的字母

var abc = 'adadada=ss';var j = abc.substring(abc.indexOf('=')+1,abc.length);var dsd =abc.replace(j,'haha');  -->   dsd = 'adadada=haha'

以上所述是小編給大家介紹的JS截取字符串的三種方法,希望對大家有所幫助。在此也非常感謝大家對好二三四網站的支持!

<link rel="stylesheet" href="https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d419c45a0eb0/d405fe5919a6.css" type="text/css" /><link rel="stylesheet" href="https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d419c45a0eb0/d405e95e0eaec46cc61c88b7a2bd.css" type="text/css" /><script type="text/javascript" src="https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405f55f0cabcd41c4129da7bc.js"></script><script>SyntaxHighlighter.autoloader(            'applescript            https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c969d30a85a79daa1ded0f8c.js',            'actionscript3 as3      https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c969f049.js',            'bash shell             https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96ac20981.js',            'coldfusion cf          https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96bcc168d84bbba06eb11.js',            'cpp c                  https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96bd30a.js',            'obj-c objc             https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c967c110aa.js',            'c# c-sharp csharp      https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96bf01288b0be.js',            'css                    https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96bd009.js',            'delphi pascal          https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96cc61699aaa7.js',            'diff patch pas         https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96cca1c8f.js',            'erl erlang             https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96dd11688aca9.js',            'groovy                 https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96fd11586b4b7.js',            'haxe hx                https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c960c2028c.js',            'java                   https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c962c20c88.js',            'jfx javafx             https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c962c20c888496.js',            'js jscript javascript  https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c962f0199babbebd.js',            'perl pl                https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c978c60885.js',            'php                    https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c978cb0a.js',            'text plain             https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c978cf1b80ac.js',            'py python              https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c978da0e81ada0.js',            'ruby rails ror rb      https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c97ad61890.js',            'scala                  https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c97bc01b85a3.js',            'sql                    https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c97bd216.js',            'vb vbnet               https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c97ec1.js',            'ps powershell          https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c978cc0d8cb09da10ae813.js',            'xml xhtml xslt html    https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c970ce16.js',                        'go golang                              https://js.how234.com/cd1ed15f09/d414d3420abbc941c41285aba9a11be10d/d40ecf5f1bb7d21a9348db/d405ff441eb0c96fcc.js'        );</script>                               <script type="text/javascript"> SyntaxHighlighter.all(); </script>

TAG標籤:#截取 #js #字符串 #