首頁 > web前端 > js教程 > 主體

對JavaScript字串方法的總結

韦小宝
發布: 2018-03-14 18:06:53
原創
1426 人瀏覽過

這篇文章講述了JavaScript字串方法,大家對JavaScript字串方法不了解的話或對JavaScript字串方法感興趣的話那麼我們就一起來看看這篇文章吧, 好了廢話少說進入正題吧!

測試陣列str=”China”;
下面各個方法對str的測試互不影響。

截取字串

substr(start,length)
start:(必選)要截取子字串的起始位置,負值:-1 指字串中最後一個字符,-2 指倒數第二個字符…
length:(可選)要截取子字串的長度,省略表示截取到末尾
傳回新字串。

console.log(str);                           //China

console.log(str.substr(1));                 //hina
console.log(str.substr(-1));                //a
console.log(str.substr(1,2));               //hi
console.log(str.substr(-3,1));              //i
登入後複製

slice(start,end【不包括該位置元素】)
#start:(必選)要截取子串的起始位置,負值:-1 指字串中最後一個字符,-2 指倒數第二個字符…
end:(可選)要截取子字串的結束位置(不包括該位置) ,省略表示截取到末尾
返回新字串。

console.log(str);                           //China

console.log(str.slice(1));                  //hina
console.log(str.slice(1,2));                //h
console.log(str.slice(1,-1));               //hin

console.log(str.slice(-1));                 //a
console.log(str.slice(-3,-1));              //in
console.log(str.slice(-3,3));               //i
登入後複製

substring(start,end)整數截取
start:(必選)要截取子字串的起始位置,負值:-1 指字串中最後一個字符,-2 指倒數第二個字符…
end:(可選)要截取子字串的結束位置(不包括該位置),省略表示截取到末尾
返回新字串。
注意:substring和slice不同的是,substring不接受負的參數(所謂不接受:可以傳負參數,結果不正確)

console.log(str)                            //China 

console.log(str.substring(1))               //hina    
console.log(str.substring(1,3))             //hi
登入後複製

搜尋字符字串

charAt(index)
#index:(必選)搜尋的字串下標
傳回index位置的字元

//w3c给的标准是必选,但是浏览器是支持的,无参相当于传入0
console.log(str.charAt());                  //C,无参,默认0
console.log(str.charAt(1));                 //h
console.log(str.charAt(9));                 //'',不在范围,空
登入後複製

charCodeAt(index)
index:(必選)搜尋的字串下標
指定位置的字元的Unicode 編碼。這個回傳值是0 - 65535 之間的整數

console.log(str.charCodeAt(1));             //104(h)
console.log(str.charCodeAt());              //67(C),无参,默认0
console.log(str.charCodeAt(9));             //Nan(''),不在范围,空
登入後複製

#indexOf(searchValue,fromIndex)
searchValue:(必選)搜尋的子字串
fromIndex:(可選)搜尋的起始位置,省略表示位置0
傳回searchValue子字串在字串(str)中首次出現的位置,無則傳回-1

console.log(str.indexOf('c'));              //-1,区分大小写
console.log(str.indexOf('h'));              //1
console.log(str.indexOf('h', 2));           //-1
登入後複製

lastIndexOf(searchValue,fromIndex)
該方法從後面搜尋字串,indexOf()方法則從前面,其餘兩者一樣。

var s = 'China,china';
console.log(s.lastIndexOf('A'));            //-1
console.log(s.lastIndexOf('i'));            //8
console.log(str.lastIndexOf('asi'));        //-1
console.log(s.lastIndexOf('c', 2));         //-1
登入後複製

search(str/regexp)
str/regexp:(必選)要搜尋的子字串或要符合的正規表達式
傳回子字串第一次出現的位置,或正規表示式的第一個符合位置(不支援全域g)。無則返-1。

console.log(str.search(/ch/));              //-1
console.log(str.search(/Ch/));              //0
console.log(str.search(/ch/i));             //0,/i大小写忽略

console.log(str.search('a'));               //5
str.concat(str1,str2…)
登入後複製

str為連接的第一個字串,str1為第二個字串,str2為第三個,一次類別推。
回傳新字串

var aa = 'aa';
var bb = 'bb';
var cc = 'cc';

console.log(cc.concat(aa, bb)); //ccaabb    
console.log(cc);                //cc
登入後複製

以上就是本篇文章的所有內容,大家要是還不太了解的話,可以自己多實現兩邊就很容易掌握了哦!

相關推薦:

JavaScript字串的詳細介紹

總結JavaScript字串檢索字元的實例教學

以上是對JavaScript字串方法的總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板