DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> JavaScript截取字符串的Slice、Substring、Substr函數詳解和比較
JavaScript截取字符串的Slice、Substring、Substr函數詳解和比較
編輯:JavaScript綜合知識     

 這篇文章主要介紹了JavaScript截取字符串的Slice、Substring、Substr函數詳解和比較,需要的朋友可以參考下

在JavaScript中,提取子字符串主要是通過 Slice、Substring、Substr 三個方法之一。    代碼如下:// slice  // 語法: string.slice(start [, stop]) "Good news, everyone!".slice(5,9);  // 'news'   // substring  // 語法: string.substring(indexA [, indexB]) "Good news, everyone!".substring(5,9);  // 'news'   // substr // 語法: string.substr(start [, length]) "Good news, everyone!".substr(5,4);  // 'news'   在三個方法之中輸入一個  start 的索引參數,和一個可選的 end 索引( 或 length )參數。   但他們在一些重要的方面有所不同: 1.substr()方法從指定位置,提取指定數量的字符。 param: start 開始提取字符的位置索引,length 提取字符的數量長度。 return: 一個新的字符串。 從 start 處開始的 length 個字符。 在不同浏覽器有不一致的表現,現代浏覽器允許 start 索引參數為負數,來表示從字符串結尾處開始,提取字符的數量。但是在ie8及以下版本浏覽器 start索引參數 最小從0開始計算。【 substr 為Web浏覽器附加的ECMAScript特性,不建議使用時 start 索引為負值】    代碼如下:var str = "abcdefghij";   console.log("(1): "      + str.substr(1));     // (1): bcdefghij console.log("(1,2): "    + str.substr(1,2));   // (1,2): bc   console.log("(-3): "     + str.substr(-3));    // (-3): hij console.log("(-3,2): "   + str.substr(-3,2));  // (-3,2): hi   console.log("(20, 2): "  + str.substr(20,2));  // (20, 2): console.log("(-20, 2): " + str.substr(-20,2)); // (-20, 2): ab       // ie8及以下 console.log("(-3): " + str.substr(-2)); // (-20, 2): hij console.log("(-3, 2): " + str.substr(-2)); // (-20, 2): ab   2.substring() 方法用於提取字符串 一個index索引至另一個之間的子集, 或是直到字符串的結束。 param: indexA, indexB 兩個參數取值范圍為一個0 至 字符串長度之間的整數。 return: 返回一個新的字符串, 從小的索引開始 到 大的索引之間,包括小的索引位置字符,不包括大的索引位置字符。 substring 的參數是可反轉的,它總是使用小的的參數值作為開始,大的參數值作為結束。 如果參數是小於0或NaN,它被看作是0,如果參數大於字符串的長度,被視為字符串的長度值.  代碼如下:// assumes a print function is defined var anyString = "Mozilla";   // Displays "Moz" console.log(anyString.substring(0,3)); console.log(anyString.substring(3,0));   // Displays "lla" console.log(anyString.substring(4,7)); console.log(anyString.substring(7,4));   // Displays "Mozill" console.log(anyString.substring(0,6));   // Displays "Mozilla" console.log(anyString.substring(0,7)); console.log(anyString.substring(0,10));     3.slice 提取字符串的一部分。 param: beginSlice開始提取字符的位置索引,可以為負,如果為負值被視為(sourceLength-beginSlice),sourceLength是字符串的長度,即:從字符串的尾部開始算起的位置endSlice 結束提取的字符的位置索引。如果省略,提取到結束。如果為負值被視為(sourceLength-endSlice)。 return: 返回一個新的字符串,從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字符。 參數都可以為負,如果索引是負的,則從字符串的尾部開始算起。    代碼如下: var str1 = "The morning is upon us."; console.log(str1.slice(4, -2));   //  morning is upon u   var str = "The morning is upon us."; str.slice(-3);     // "us." str.slice(-3, -1); // "us" str.slice(0, -1);  // "The morning is upon us"
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved