面試之JavaScript String對象常用方法

面試之JavaScript String對象常用方法

顯示在電腦屏幕上的計算機程序源代碼,可用作網絡科技等素材或背景。

length

返回字符串的長度(字符數)

var str='Hello World!';
str.length; //12

charAt()

返回指定位置的字符,第一個字符位置為0

var str='Hello World!';
str.charAt(4); //o

charCodeAt()

返回字符串第一個字符的 Unicode 編碼。

var str='Hello World!';
str.charAt(4); //111

concat()

用於連接兩個或多個字符串。該方法沒有改變原有字符串,但是會返回連接兩個或多個字符串新字符串。

var str1 = 'hello';
var str2 = ' word ';
var str3 = '123'
var str = str1.concat(str2,str3); // 'hello world 123'

fromCharCode()

可接受一個指定的 Unicode 值,然後返回一個字符串。

var n = String.fromCharCode(72,69,76,76,79); //HELLO
String.fromCharCode(68); //D

indexOf()

返回某個指定的字符串值在字符串中首次出現的位置。如果沒有找到匹配的字符串則返回 -1。

//在字符串第五個位置開始查找字符 "e" 第一次出現的位置:
var str="Hello world, welcome to the universe.";
var n=str.indexOf("e",5); //14

lastIndexOf()

可返回一個指定的字符串值最後出現的位置,如果指定第二個參數 start,則在一個字符串中的指定位置從後向前搜索。

var str="Hello world, welcome to the universe.";
var n=str.lastIndexOf("w",5); //-1
var n=str.lastIndexOf("o",5); //4

match()

在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。

string.match(regexp)
//regexp 必需。規定要匹配的模式的 RegExp 對象。
//如果該參數不是 RegExp 對象,則需要首先把它傳遞給 RegExp 構造函數,將其轉換為 RegExp 對象。
//結果為數組,如果沒找到匹配結果返回 null 。
//全局查找字符串 "ain",且不區分大小寫:
var str="The rain in SPAIN stays mainly in the plain";
var n=str.match(/ain/gi); //ain,AIN,ain,ain

replace()

用於在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串。該方法不會改變原始字符串。

/

/執行一次替換
var str="Visit Microsoft! Visit Microsoft!";
var n=str.replace("Microsoft","Roon"); //Visit Roon!Visit Microsoft!
//執行一個全局替換, 忽略大小寫:
var str="Mr Blue has a blue house and a blue car";
var n=str.replace(/blue/gi, "red"); //Mr red has a red house and a red car

esarch()

用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串。如果沒有找到任何匹配的子串,則返回 -1。

string.search(searchvalue); //searchvalue 必須。查找的字符串或者正則表達式。
// 返回相匹配的 String 對象起始位置,未找到返回-1,有多個就返回第一個找到的位置
var str = 'hello world!';
str.search('world'); //6

slice(start, end)

可提取字符串的某個部分,並以新的字符串返回被提取的部分。使用 start(包含) 和 end(不包含) 參數來指定字符串提取的部分。

end若未指定,則要提取的子串包括 start 到原字符串結尾的字符串,字符串中第一個字符位置為 0, 第二個字符位置為 1, 以此類推。

var str="Hello world!";
var n=str.slice(1,5); //ello
var s = str.slice(1); //ello world!

對前端的技術,架構技術感興趣的同學關注我的頭條號,並在後臺私信發送關鍵字:“前端”即可獲取免費的架構師學習資料

知識體系已整理好,歡迎免費領取。還有面試視頻分享可以免費獲取。關注我,可以獲得沒有的架構經驗哦!


分享到:


相關文章: