常用的js字符串函數(shù)集合

常用的js字符串函數(shù)集合

一玻募、其他數(shù)據(jù)類型轉(zhuǎn)換為字符串類型

(1).最直接的? 給數(shù)據(jù)加引號(任何數(shù)據(jù)類型加上引號都變成字符串)

var num = 24;

var str = "24";

console.log(str);? // 返回值為: 24

console.log(typeof(num));? // 返回值為:number? typeof() 判斷類型

console.log(typeof(str));? // 返回值為:string? typeof() 判斷類型

(2-1).toString()

var num = 24;

var str = num.toString();

console.log(str);? // 返回值為: 24

console.log(typeof(str));? // 返回值為:string? typeof() 判斷類型

(2-2).String()

var num = 24;

var str = String(num);

console.log(str);? // 返回值為: 24

console.log(typeof(str));? // 返回值為:string? typeof() 判斷類型

(3).join() 方法? ? 把數(shù)組中的所有元素放入一個(gè)字符串

var arr = ["abc","def","ghi!"];

var str = arr.join(''); // ' ' 中加間隔符? 為空默認(rèn)不加

console.log(str);? // 返回值為:abcdefghi

console.log(typeof(str));? // 返回值為:string? typeof() 判斷類型

二史隆、split() 字符串分割

(1).將字符串按要求拆分以數(shù)組的形式返回

var str = "abcd,efgh,ijkl";

var arr1 = str.split(","); // 以“,”為界分割字符串

var arr2 = str.split(",",2); // 第二個(gè)參數(shù),表示返回的字符串?dāng)?shù)組的最大長度

console.log(arr1);? // 返回值為:["abcd", "efgh", "ijkl"]

console.log(arr2);? // 返回值為:["abcd", "efgh"]

(2).將字符串逐個(gè)拆分以數(shù)組的形式返回

var str = "abcd,efgh,ijkl";

var arr1 = str.split("");

var arr2 = str.split("",8); // 第二個(gè)參數(shù),表示返回的字符串?dāng)?shù)組的最大長度

console.log(arr1);? // 返回值為:["a", "b", "c", "d", ",", "e", "f", "g", "h", ",", "i", "j", "k", "l"]

console.log(arr2);? // 返回值為:?["a", "b", "c", "d", ",", "e", "f", "g"]

三、replace() 字符串替換

var str = "abcd,efgh,ijkl,efghwxyz";

var replaceStr1 = str.replace("efgh"," ");? //第二個(gè)參數(shù)為空是默認(rèn)刪除

var replaceStr2 = str.replace(/efgh/,"aaaa");? //第二個(gè)參數(shù)不為空時(shí),替換對應(yīng)字符串,默認(rèn)只進(jìn)行第一次匹配操作的替換

var replaceStr3 = str.replace(/efgh/g,"aaaa"); //默認(rèn)只進(jìn)行第一次匹配操作的替換入蛆,想要全局替換,需要加上正則全局標(biāo)識 g

console.log(replaceStr1); // 返回值為:abcd, ,ijkl,efghwxyz

console.log(replaceStr2); // 返回值為:abcd,aaaa,ijkl,efghwxyz

console.log(replaceStr3); // 返回值為:abcd,aaaa,ijkl,aaaawxyz

四硕勿、獲取字符串長度

var str = "abcd,efgh,ijkl,efghwxyz";

var strLength = str.length;

console.log(strLength); // 返回值為:23

五哨毁、indexOf() / lastIndexOf()查詢子字符串(判斷字符串內(nèi)是否包含子串)

(1).indexOf() 正向查找? 該方法對大小寫敏感,返回字符串中一個(gè)子元素第一次出現(xiàn)的下標(biāo)值(從左到右搜索),如果沒有匹配項(xiàng)源武,返回 -1

var str="Hello world!";

var index0 = str.indexOf("llo");

var index1 = str.indexOf("l");

var index2 = str.indexOf("o",3);? // 第二個(gè)參數(shù)為開始查詢的位置下標(biāo)

var index3 = str.indexOf("a");

console.log(index0); // 返回值為:2? 返回字符串中一個(gè)子元素第一次出現(xiàn)的下標(biāo)值(從左到右搜索)

console.log(index1); // 返回值為:2? 返回字符串中一個(gè)子元素第一次出現(xiàn)的下標(biāo)值(從左到右搜索)

console.log(index2); // 返回值為:4? 返回字符串中一個(gè)子元素第一次出現(xiàn)的下標(biāo)值(從左到右搜索)

console.log(index3); // 返回值為:-1? 沒有匹配項(xiàng)挑庶,返回 -1

(2).lastIndexOf() 反向查找? 該方法對大小寫敏感言秸。返回字符串中一個(gè)子元素第一次出現(xiàn)的下標(biāo)值(從右到左搜索),如果沒有匹配項(xiàng)迎捺,返回 -1

var str = "Hello world!";

var index0 = str.lastIndexOf("lo");?

var index1 = str.lastIndexOf("l");?

var index2 = str.lastIndexOf("o",5);? // 第二個(gè)參數(shù)為開始查詢的位置下標(biāo)

var index3 = str.lastIndexOf("a");

console.log(index0); //返回值為:3

console.log(index1); //返回值為:9

console.log(index2); //返回值為:4

console.log(index3); //返回值為:-1? 沒有匹配項(xiàng)举畸,返回 -1

六、字符串匹配

//(1).match()? 使用字符串直接進(jìn)行匹配凳枝,被匹配的字符串內(nèi)包含要匹配的字符串時(shí)抄沮,返回所要匹配的字符串 沒有返回 null

var str = "abcd,efgh,ijkl,efghwxyz!";

var matchStr0 = str.match("ij");

var matchStr1 = str.match("pp");

console.log(matchStr0); // 返回值為:ij

console.log(matchStr1); // 返回值為:null

(2).search()? 進(jìn)行正則匹配查找。如果查找成功岖瑰,返回字符串中匹配的索引值叛买。否則返回 -1

var str = "abcd,efgh,ijkl,efghwxyz!";

var regexp0 = /ghw/;

var regexp1 = /jqk/;

var matchStr0 = str.search(regexp0);

var matchStr1 = str.search(regexp1);

console.log(matchStr0); //返回值為: 17?

console.log(matchStr1); //返回值為: -1

七、字符串連接

//(1).普通方法

var str1 = "Hello";

var str2 = "world!";

var newStr = str1+" "+str2;

console,log(newStr)? //返回值為:Hello world!

(2).concat() 方法

var str1 = "Hello";

var str2 = " world,";

var newStr = str1.concat(str2);

console,log(newStr)? //返回值為:Hello world!

八蹋订、字符串切割和提取

(1).slice()? (不包括截取點(diǎn))

var str = "hello world!";

var sliceStr1 = str.slice(-3);? //一個(gè)參數(shù)時(shí) 默認(rèn)截取全部? 負(fù)數(shù)時(shí)為倒序截取 正序輸出

var sliceStr2 = str.slice(-3,-1);? //兩個(gè)參數(shù)時(shí)? 第一個(gè)為截取起點(diǎn)率挣,第二個(gè)為截取終點(diǎn)

var sliceStr3 = str.slice(3);? //一個(gè)參數(shù)時(shí) 默認(rèn)截取全部? 正數(shù)是為正序截取 正序輸出

var sliceStr4 = str.slice(3,7);? //兩個(gè)參數(shù)時(shí)? 第一個(gè)為截取起點(diǎn),第二個(gè)為截取終點(diǎn)

console.log(sliceStr1); //返回值為: ld!

console.log(sliceStr2); //返回值為: ld

console.log(sliceStr3); //返回值為: lo world!

console.log(sliceStr4); //返回值為: lo w

(2).substr()? (包括截取點(diǎn))

var str = "hello world!";

var substrStr1 = str.substr(3);? //一個(gè)參數(shù)時(shí) 默認(rèn)截取全部

var substrStr2 = str.substr(3,7);? //第二個(gè)參數(shù)為截取的個(gè)數(shù)

console.log(substrStr1); //返回值為: lo world!

console.log(substrStr2); //返回值為: lo worl

(3).substrsubstring (包括截取點(diǎn))

var str = "hello world!";

var substringStr1 = str.substring(3);? //一個(gè)參數(shù)時(shí) 默認(rèn)截取全部

var substringStr2 = str.substring(3,7);? //兩個(gè)參數(shù)為截取起點(diǎn)和終點(diǎn)位置

console.log(substringStr1); //返回值為: lo world!

console.log(substringStr2); //返回值為: lo w

九露戒、字符串大小寫轉(zhuǎn)換

(1).toLowerCase() 大寫變小寫

var str = "Hello World!";

var lowCaseStr = str.toLowerCase();

console.log(lowCaseStr); //返回值為: hello world!

(2).toUpperCase() 小寫變大寫

var str = "Hello World!";

var upCaseStr = str.toUpperCase();

console.log(upCaseStr); //返回值為: HELLO WORLD!

十椒功、trim() 字符串去空格

var str = "? ? hello world? ? ? ";?

var trimStr = str.trim();? // 默認(rèn)去掉全部空格

console.log(trimStr) // 返回值為:hello world

十一、charAt()? 返回指定位置的字符

var str = "abcdefg";

var char = str.charAt(4);

console.log(char);? // 返回值為: e

十二智什、charCodeAt()? 獲取指定字符的字符編碼值 (ASCII碼)

var str = "abcdefg";

var char = str.charCodeAt(4);

console.log(char);? // 返回值為:101

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末动漾,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子荠锭,更是在濱河造成了極大的恐慌旱眯,老刑警劉巖,帶你破解...
    沈念sama閱讀 210,978評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件证九,死亡現(xiàn)場離奇詭異删豺,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)愧怜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,954評論 2 384
  • 文/潘曉璐 我一進(jìn)店門吼鳞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人叫搁,你說我怎么就攤上這事」┭祝” “怎么了渴逻?”我有些...
    開封第一講書人閱讀 156,623評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長音诫。 經(jīng)常有香客問我惨奕,道長,這世上最難降的妖魔是什么竭钝? 我笑而不...
    開封第一講書人閱讀 56,324評論 1 282
  • 正文 為了忘掉前任梨撞,我火速辦了婚禮雹洗,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘卧波。我一直安慰自己时肿,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,390評論 5 384
  • 文/花漫 我一把揭開白布港粱。 她就那樣靜靜地躺著螃成,像睡著了一般。 火紅的嫁衣襯著肌膚如雪查坪。 梳的紋絲不亂的頭發(fā)上寸宏,一...
    開封第一講書人閱讀 49,741評論 1 289
  • 那天,我揣著相機(jī)與錄音偿曙,去河邊找鬼氮凝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛望忆,可吹牛的內(nèi)容都是我干的罩阵。 我是一名探鬼主播,決...
    沈念sama閱讀 38,892評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼炭臭,長吁一口氣:“原來是場噩夢啊……” “哼永脓!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起鞋仍,我...
    開封第一講書人閱讀 37,655評論 0 266
  • 序言:老撾萬榮一對情侶失蹤竞滓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后冕茅,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體析显,經(jīng)...
    沈念sama閱讀 44,104評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年肚豺,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了溃斋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,569評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡吸申,死狀恐怖梗劫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情截碴,我是刑警寧澤梳侨,帶...
    沈念sama閱讀 34,254評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站日丹,受9級特大地震影響走哺,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜哲虾,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,834評論 3 312
  • 文/蒙蒙 一丙躏、第九天 我趴在偏房一處隱蔽的房頂上張望择示。 院中可真熱鬧,春花似錦晒旅、人聲如沸栅盲。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,725評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽剪菱。三九已至,卻和暖如春拴签,著一層夾襖步出監(jiān)牢的瞬間孝常,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,950評論 1 264
  • 我被黑心中介騙來泰國打工蚓哩, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留构灸,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,260評論 2 360
  • 正文 我出身青樓岸梨,卻偏偏與公主長得像喜颁,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子曹阔,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,446評論 2 348

推薦閱讀更多精彩內(nèi)容

  • JS基本數(shù)據(jù)類型及變量聲明在js中有三種聲明變量的方式:var let const,let var const的區(qū)...
    web佳閱讀 902評論 1 8
  • 一半开、數(shù)組 數(shù)組是一個(gè)有序列表,所以有下標(biāo). 并且數(shù)組在js中可以存在任意類型的數(shù)據(jù).并且同一個(gè)數(shù)組中可以存放不同的...
    空谷悠閱讀 506評論 0 1
  • Javascript有很多字符串的方法,有的人有W3C的API赃份,還可以去MDN上去找寂拆,但是我覺得API上說的不全,...
    頑皮的雪狐七七閱讀 2,143評論 0 2
  • 一抓韩、Python簡介和環(huán)境搭建以及pip的安裝 4課時(shí)實(shí)驗(yàn)課主要內(nèi)容 【Python簡介】: Python 是一個(gè)...
    _小老虎_閱讀 5,723評論 0 10
  • 離開家鄉(xiāng)已經(jīng)12個(gè)年頭了纠永,在上海度過了很多個(gè)酷熱的夏天,每天在空調(diào)房里倒也不覺得南北方夏天有什么區(qū)別谒拴。最近幾個(gè)夏天...
    晉三公子閱讀 512評論 4 4