1. 程式人生 > >js 字符串方法(個人學習筆記)

js 字符串方法(個人學習筆記)

new substring for name var 基本 正則表達 pattern 都是

首先,創建數組的兩個方法:

  1.構造函數:

var str = new String("a");
console.log(str);//"a"

  2.字面量表示:

var str = "a";
console.log(str);//"a"

  區別:

var str = "a";//這個是基本類型(不是實例對象)
str.a = "123";//所以沒有屬性和方法
var str1 = new String("b");//這個是引用類型(實例對象)    所有用new出來的都是引用類型
str1.a = "abc";//可以有屬性和方法
console.log(str);//"a"
console.log(str.a);//
undifined console.log(str1);//String{"a"} console.log(str1.a);//abc console.log(typeof str);//string console.log(str instanceof String);//false(不是實例對象) console.log(str1 instanceof String);//true(是實例對象,而且紙箱string)

操作方法

  1.charAt()和charCodeAt()

    作用:這兩個方法都接收一個參數,及基於0的字符位置,charAt()返回的是給定位置的字符,charCodeAt()返回的是給定位置字符的字符編碼。與charCodeAt()對應的一個方法是formCharCode()將字符編碼轉為字符串。

     用法:

var code = "future";
console.log(code.charAt(2)); //t   還有一個方法:code[2]  這個方法在IE低版本有兼容問題,盡量少用
console.log(code.charCodeAt(2)) //116

  2.concact()

    作用:拼接字符串

     用法:

var a = "my ";
console.log(a.concat("future"));//my future
console.log(a.concat("future ", "will"));//my future will

  3.slice()、substr()和substring().

    作用:基於子字符串創建新字符串,這三個方法都返回操縱字符串的一個子字符串,而且都接收一到兩個參數。

var str = "We are family";
console.log(str.slice(2,5));    // ar(從第2個位置開始,不包含第5個位置)
console.log(str.slice(1));      //e are family(從第1個位置開始,一直到最後)
console.log(str.substring(3));  //are family(從第3個位置開始,一直到最後)
console.log(str.substring(3,5));//ar(從第3個位置開始,不包含第5個位置)
console.log(str.substr(2));     // are family(從第2個位置開始,一直到最後)
console.log(str.substr(2,6));   // are f(從第2個位置開始,截取6個字符)  跟數組的splice方法類似

      slice()和substring()方法在正值情況下,實現的功能一致,但是在傳遞的值為負值時,行為就不相同了。
       slice()方法會將傳入的負值與字符串的長度相加(因此,如果兩個參數都會負值,第二個參數必須要大於第一個參數,否則返回的是空字符串)
       substr()方法會將負的第一個參數加上字符串的長度,將將第二個參數轉換為0。(如果第二個參數為負值,返回空的字符串)
       substring()方法將所有的負值參數都轉換為0,substring始終會將較小的參數作為開始位置。

var str = "Wearefamily"; //length為11
console.log(str.slice(-3,-8));//相當於str.slice(8,3)//返回空字符串
console.log(str.slice(-5,-1));//相當於str.slice(6,10)//返回ami
console.log(str.substring(3,-4));//相當於str.substring(3,0)//返回Wea
console.log(str.substring(-3,-5));//相當於str.substring(0,0)//返回空字符串
console.log(str.substr(-4,3));//相當於substr(7,3)//返回mil
console.log(str.substr(-4,-3));//相當於substr(7,0)//返回空字符串

  4.indexOf()和lastIndexOf()

    作用:字符串的位置方法,這兩個方法都是從一個字符串中搜索給定的子字符串,然後返回子字符串的位置,沒有找到,返回-1.indexOf()從字符串的開頭向後搜索子字符串,而lastIndexOf()從字符串的末尾向前搜索子字符串。

     用法:

var str = "WEAREFAMILY";
console.log(str.indexOf("A"));//2
console.log(str.lastIndexOf("A"));//6

  5.trim()

    作用:去掉字符串收尾的空格

     用法:

var str = " a "; 
var str2 = str.trim();
console.log(str);//"  a  "
console.log(str2);//"a"

  6.toUpperCase()和toLowerCase()

    作用:轉換為大寫:toUpperCase()和toLocalUpperCase()
       轉換為小寫:toLowerCase()和toLocalLowerCase()  

    用法:

var str = "a"; 
console.log(str.toUpperCase());//A
console.log(str);//a
console.log(str.toLowerCase());//a

  7.LocalCompare()

    作用:這個方法用於字符串的比較。 如果字符串在字母表中應該拍照字符串參數之前,則返回一個負數。(大多數情況下是-1,具體的值要視實現而定)
                    如果字符串等於字符串參數,則返回0.
                    如果字符串在字母表中的順序排在字符串參數之後,則返回一個正數。(大多數情況下是1,具體的值要視實現而定)

     用法:

var str = "break";
console.log(str.localeCompare("future")); //-1
console.log(str.localeCompare("above"));  //1
console.log(str.localeCompare("break"));  //0

  8.match(),replace(),search(),test()

    match():

      作用:方法只接收一個參數,要麽是一個正則表達式,要麽是一個RegExp對象。在字符串上調用match()方法,本質上和調用RegExp的exec()方法相同,返回的是一個數組

       用法:

var str = "we are weamy";
var pattern = /we/;
var matches = str.match(pattern);
console.log(matches);//["we", index: 0, input: "we are weamy"]
console.log(pattern.exec(str));//["we", index: 0, input: "we are weamy"]
console.log(matches.index);//0
console.log(matches[0]);//we

      search():

       作用:search()的參數與match()相同,不同在於search()返回的是字符串中第一個匹配項的索引;如果沒有找到匹配項,返回-1.

        用法:

var str = "asdadasdasd";
var reg = /s/;
var reg1 = /sa/;
var test = str.search(reg);
var test1 = str.search(reg1);
console.log(test,test1);//1 -1

      replace():

        作用:接收2個參數,第一個參數可以是一個RegExp對象或者是一個字符串,第二個參數是一個字符串或者是一個函數,如果第一個參數是字符串,那麽只會替換第一個字符串,如果想要替換所有的字符串,那麽必須使用正則表達式,並指定全局標誌(g)

         用法:

var str = "cat, fat, sat, bat";
console.log(str.replace("at","ooo"));//cooo, fat, sat, bat
console.log(str.replace(/at/g,"ooo"));//cooo, fooo, sooo, booo

        如果replace()的第二個參數是字符串,會將前面正則匹配的被這個字符串替換掉

var str = "asdadasdasd";
var reg = /s/g;
var str1 = str.replace(reg,"1");
console.log(str);//asdadasdasd
console.log(str1);//a1dada1da1d

         如果第二個參數是函數的話:$1、$2、...、$99 與 regexp 中的第 1 到第 99 個子表達式相匹配的文本。
                      $& 與 regexp 相匹配的子串。 //表示通過政治匹配的完整子串
                     $` 位於匹配子串左側的文本。
                      $‘ 位於匹配子串右側的文本。
                     $$ 直接量符號。 表示$這個符號

var str = "asdadasdasd";
var reg = /s/g;
var str1 = str.replace(reg,function(itm,$2,$3,$4){
    console.log($1,$2,$3,$4);//s 1 asdadasdasd undefined   //函數裏面的參數代表的含義是(匹配項,index,原字符串,之後的全是undifined)
});

var name = "Doe, John";
var name1 = name.replace(/(\w+)\s*, \s*(\w+)/,"$2 $1"); //這裏的$1,$2,表示的是前面正則的()裏面的匹配項 $1表示匹配的第一項
console.log(name1,name);

        test():

        作用:用於檢測一個字符串是否匹配某個模式.

        用法:(註意:這個方法的使用跟前面的不一樣,是正則的點方法,不是字符串的方法,-_-

var str = "Visit W3School";
var patt1 = new RegExp("W3School");
var result = patt1.test(str);
document.write("Result: " + result);

js 字符串方法(個人學習筆記)