JavaScript學習筆記——基本包裝類型(下)String

string類型

這裏寫圖片描述
這裏寫圖片描述
1、字符方法
charAt()方法以單字符字符串的形式返回給定位置的那個字符

var stringValue="hello word";
alert(stringValue.charAt(1));//e

charCodeAt()方法以單字符字符串的形式返回給定位置的那個字符的字符編碼

var stringValue="hello word";
alert(stringValue.charCodeAt(1));//"101",e的字符編碼是101

2、字符串操作方法
concat()方法用於將一個或多個字符串拼接起來,返回拼接得到的新字符串,原字符串不變

var stringValue="hello ";
var result = stringValue.concat("world"));
alert(result);//hello word
alert(stringValue);//hello 

ECMAScript還提供了三個基於子字符串創建新字符串的方法:slice()、substr()、substring()。這三個方法都會返回被操作字符串的一個子字符串,而且也都接受一或兩個參數。第一個參數指定子字符串的開始位置,第二個參數(在指定的情況下)表示字符串到哪裏結束。具體來說,slice()和substring()的第二個參數指定的子字符串最後一個字符後面的位置。而substr()的第二個參數指定的則是返回的字符個數。如果沒有給這些方法傳遞第二個參數,則將字符串的長度作爲結束位置,也不會修改字符串本身的值。

var str ='Mr.Wang';

//兩個參數都爲正數時
alert(str.slice(2,4));//.W   索引從 2開始 到 4結束 截取字符串
alert(str.substring(2,4));//.W  效果同上
alert(str.substr(2,4)); //.Wan   從2開始 截取長度爲 4 的字符串

//如果 只含有一個 參數,他們的效果就相同了,,就是 從索引位置  一直到最後
alert(str.slice(2));//.Wang
alert(str.substring(2));//.Wang
alert(str.substr(2));//.Wang

//兩個參數中有負數的時候
//slice()翻譯方式:用字符串長度加上 負數的值 得到的 數字
alert(str.slice(2,-1));//.Wan   7+(-1)=6——》翻譯之後是(2,6)
alert(str.slice(-2,-1));//n     翻譯之後是(5,6)
alert(str.slice(-2));//ng   同樣的翻譯道理
//substring()翻譯方式:只要遇到 負數就 返回0,,如果前面的數字 大於 後面的數字,就將兩個數字調換位置
alert(str.substring(2,-1)); // Mr   翻譯結果:(1,2)
//substr() 翻譯方式:遇到 負數 直接返回0  ,但是不會調換位置
alert(str.substr(2,-1));  // 空字符串   翻譯結果:(2,0)

3、字符串位置方法
indexOf()和lastIndexOf()這兩個方法都是從一個字符串中搜索給定子字符串,然後返回子字符串的位置(如果沒有找到返回-1)。兩個方法都可以接受第二個參數,表示從字符串哪個位置開始搜索。區別在於indexOf從字符串開頭向後搜索,lastIndexOf從末尾向前搜索。

var str ='Mr.Wang is a good Wang.Wang is a best Wang.';
alert(str.indexOf('Wang'));//3   默認是 索引爲0  的位置 開始 搜索的
alert(str.indexOf('Wang',10));//18    第二個參數:開始搜索的 索引位置
//PS:如果沒有找到 搜索字符串  那麼就會 返回-1

4、trim()方法
這個方法會創建一個字符串的副本,刪除前置及後綴的所有的空格,然後返回結果。原始字符串不發生改變。
5、字符串大小寫轉換方法
這裏寫圖片描述
6、字符串的模式匹配方法
這裏寫圖片描述

var box = 'Mr.Lee is Lee';
alert(box.match('L'));//L,找到 L,返回 L 否則返回 null
alert(box.search('L'));//3,找到 L 的位置,和 indexOf 類型
alert(box.replace('L', 'Q'));//Mr.Qee is Lee,把 L 替換成 Q
alert(box.split(' '));//Mr.Lee,is,Lee以空格分割成字符串

7、localeCompare()方法
localeCompare(str1,str2)方法詳解:比較兩個字符串並返回以下值中的一個;
1.如果字符串在字母表中應該排在字符串參數之前,則返回一個負數。(多數-1)
2.如果字符串等於字符串參數,則返回 0。
3.如果字符串在自附表中應該排在字符串參數之後,則返回一個正數。(多數 1)

var box = 'Lee';
alert(box.localeCompare('apple'));//1
alert(box.localeCompare('Lee'));//0
alert(box.localeCompare('zoo'));//-1

8、fromCharCode()方法
這個方法的任務是接受一個或多個字符編碼,然後轉換成一個字符串

alert(String.fromCharCode(76));//L,輸出 Ascii 碼對應值

9、HTML方法
這裏寫圖片描述

發佈了41 篇原創文章 · 獲贊 13 · 訪問量 10萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章