JS 字符串詳解

增加

concat 拼接

var a = 'hello'
var b = "world"
console.log(a.concat(b)); // helloworld

查詢

  • slice(startIndex,endIndex)
    第二個(gè)參數(shù) 為長(zhǎng)度
var arr = "hello"
console.log(arr.slice(0)); // hello
console.log(arr.slice(0,3)); // hel
  • substr(index,length)
    第二個(gè)參數(shù) 為長(zhǎng)度
console.log(arr.substr(0,3)); // hel
console.log(arr.substring(0,2)); // he
  • charAt(index) 根據(jù)下標(biāo)查找對(duì)應(yīng)的值
var str = "hello"
console.log(str.charAt(1)); // e
  • indexOf(value) 根據(jù)值查找對(duì)應(yīng)的下標(biāo) 找不到返回-1
var arr = "hello";
console.log(arr.indexOf('e')); // 1
  • lastIndexOf(value) 從后面根據(jù)值查找對(duì)應(yīng)的下標(biāo) 找不到返回-1
var str = "a?f?e"
const index = str.lastIndexOf("?") 
console.log(index) // 3
console.log(str.substr(0, index)) // a?f
console.log(str.substr(index + 1)) // e
  • search(value) 根據(jù)值查找對(duì)應(yīng)的下標(biāo) 找不到返回-1
var str = "你是誰(shuí)"
 var index = str.search("她")
 console.log(index);   //  -1
  • includes 是否包含某位(多位)字符 返回boolean
var arr = "hello"
console.log(arr.includes("eh")); //false
  • match(value) 返回匹配的字符串,返回的是數(shù)組
var str ="hello"
var arr = str.match("l")
console.log(arr);  // ["l", index: 2, input: "hello", groups: undefined]
// 找不到返回 null

length 字符串的長(zhǎng)度

var str = "hello"
console.log(str.length); // 5

其他方法

  • split( ) 將字符串分割成字符串?dāng)?shù)組
var str = "hello"
console.log(str.split()); // 將字符串轉(zhuǎn)為數(shù)組 ["hello"]
console.log(str.split("")); // ["h","e","l","l","o"]
console.log(str.split("e"));// ["h","llo"]
  • replace( ) 替換字符串
var str = "hello"
console.log(str.replace("l","*"));  //  he*lo
  • trim( ) 去除字符串前后的空格
var str = "   hello   ";
var arr = []
arr.push(str.trim())
console.log(arr) // ["hello"]
  • startsWith( ) 以...開頭的字符串
// startsWith() 以...開頭的字符串
// endsWith()   以...結(jié)束的字符串  
var str = "武漢"
console.log(str.startsWith("武"))  // true
console.log(str.endsWith("漢"))  // true

字符串模板

var str = 10;
var b = "hello";
console.log(str+b); // 10hello
var sum = `${str}hello`;
console.log(sum); // 10hello
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末伺绽,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖遵岩,帶你破解...
    沈念sama閱讀 217,734評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件趁窃,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡朋魔,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,931評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門卿操,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)警检,“玉大人,你說(shuō)我怎么就攤上這事害淤∩鹊瘢” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵窥摄,是天一觀的道長(zhǎng)镶奉。 經(jīng)常有香客問(wèn)我,道長(zhǎng)崭放,這世上最難降的妖魔是什么哨苛? 我笑而不...
    開封第一講書人閱讀 58,532評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮币砂,結(jié)果婚禮上建峭,老公的妹妹穿的比我還像新娘。我一直安慰自己决摧,他們只是感情好亿蒸,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,585評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著掌桩,像睡著了一般边锁。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上波岛,一...
    開封第一講書人閱讀 51,462評(píng)論 1 302
  • 那天茅坛,我揣著相機(jī)與錄音,去河邊找鬼则拷。 笑死贡蓖,一個(gè)胖子當(dāng)著我的面吹牛祟剔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播摩梧,決...
    沈念sama閱讀 40,262評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼宣旱!你這毒婦竟也來(lái)了仅父?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,153評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤浑吟,失蹤者是張志新(化名)和其女友劉穎笙纤,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體组力,經(jīng)...
    沈念sama閱讀 45,587評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡省容,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,792評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了燎字。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片腥椒。...
    茶點(diǎn)故事閱讀 39,919評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖候衍,靈堂內(nèi)的尸體忽然破棺而出笼蛛,到底是詐尸還是另有隱情,我是刑警寧澤蛉鹿,帶...
    沈念sama閱讀 35,635評(píng)論 5 345
  • 正文 年R本政府宣布滨砍,位于F島的核電站,受9級(jí)特大地震影響妖异,放射性物質(zhì)發(fā)生泄漏惋戏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,237評(píng)論 3 329
  • 文/蒙蒙 一他膳、第九天 我趴在偏房一處隱蔽的房頂上張望响逢。 院中可真熱鬧,春花似錦矩乐、人聲如沸龄句。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)分歇。三九已至,卻和暖如春欧漱,著一層夾襖步出監(jiān)牢的瞬間职抡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工误甚, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留缚甩,地道東北人谱净。 一個(gè)月前我還...
    沈念sama閱讀 48,048評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像擅威,于是被迫代替她去往敵國(guó)和親壕探。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,864評(píng)論 2 354

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

  • 1郊丛,字符串的創(chuàng)建方法String類型是字符串的對(duì)象包裝類型李请,可以使用String構(gòu)造函數(shù)創(chuàng)建。有3種方法來(lái)創(chuàng)建字符...
    任建坤123閱讀 869評(píng)論 1 4
  • 來(lái)源:拉勾教育Java就業(yè)集訓(xùn)營(yíng)[https://kaiwu.lagou.com/] String類的概念 jav...
    zhe11閱讀 488評(píng)論 0 4
  • 創(chuàng)建字符串2個(gè)方法: 1.字面量創(chuàng)建: 2.字符串對(duì)象創(chuàng)建: 實(shí)際開發(fā)中厉熟,除非必要导盅,建議使用字面量創(chuàng)建,因?yàn)閮煞N創(chuàng)...
    Daeeman閱讀 282評(píng)論 0 1
  • string Math Array Date方法 瀏覽器對(duì)象 最基礎(chǔ)的增刪改查 以及JS的小練習(xí) 對(duì)象 創(chuàng)建...
    洱月閱讀 384評(píng)論 1 6
  • 面試中: 請(qǐng)問(wèn)字符串的截取方法有哪些滤馍?各有什么特點(diǎn)?相信大家都熟悉字符串中的截取方法: slice杉畜、 substr...
    我只會(huì)吃飯閱讀 4,353評(píng)論 4 30