20個常用的JavaScript字符串方法

join() //用一個分隔符把一個數組合并為一個字符串
    例:list = new Array("jpg","bmp","gif","ico","png");
        a = list.join("|") //jpg|bmp|gif|ico|png
isArray() //判斷對象是否為數組
includes() //判斷一個數組是否包含一個指定的值
concat() //連接兩個或更多的數組漾脂,并返回結果
copyWithin() //從數組的指定位置拷貝元素到數組的另一個指定位置中

push() //向數組的末尾添加一個或更多元素,并返回“新的長度”(注:方法會改變原始數組)
unshift() //向數組的開頭添加一個或更多元素歹啼,并返回“新的長度”(注:方法會改變原始數組)
pop() //刪除數組的最后一個元素,并返回一個“刪除元素的'值'”(注:方法會改變原始數組)
shift() //刪除數組的第一個元素座菠,并返回一個“刪除元素的'值'”(注:方法會改變原始數組)

sort() //對數組的元素進行排序
reverse() //反轉數組的元素順序
splice(index,length,item1) //從數組中指定位置添加或刪除元素狸眼,并返回一個“刪除的'數組'”(注:方法會改變原始數組)

slice(start,end) //選取數組的的一部分,并返回一個“選取的新'數組'”(注:方法不會改變原始數組)

1. charAt(x)

charAt(x)返回字符串中x位置的字符浴滴,下標從 0 開始拓萌。

    //charAt(x)
    var myString = 'jQuery FTW!!!';
    console.log(myString.charAt(7));
    //output: F

2. charCodeAt(x)

`charCodeAt(x)`返回字符串中`x`位置處字符的`unicode`值。
?
    //charAt(position)
    var message="jquery4u"
    //alert "113"
    alert(message.charAt(1)

3. concat(v1,v2..)

concat() 方法用于連接兩個或多個字符串升略,此方法不改變現有的字符串微王,返回拼接后的新的字符串。

    //concat(v1, v2,..)
    var message="Sam"
    var final=message.concat(" is a"," hopeless romantic.")
    //alerts "Sam is a hopeless romantic."
    alert(final)

4. fromCharcode(c1,c2)

fromCharcode(c1,c2)轉換一組Unicode值轉換為字符降宅。

    //fromCharCode(c1, c2,...)
    console.log(String.fromCharCode(97,98,99,120,121,122))
    //output: abcxyz
    console.log(String.fromCharCode(72,69,76,76,79))
    //output: HELLO

5. indexOf(substr, [start])

indexOf方法搜索并(如果找到)返回字符串中搜索到的字符或子字符串的索引骂远。如果沒有找到,則返回-1腰根。Start是一個可選參數激才,指定字符串中開始搜索的位置,默認值為0额嘿。

    //indexOf(char/substring)
    var sentence="Hi, my name is Sam!"
    if (sentence.indexOf("Sam")!=-1)
    alert("Sam is in there!")

6. lastIndexOf(substr, [start])

lastIndexOf() 方法返回指定文本在字符串中最后一次出現的索引, 如果未找到瘸恼,則返回-1。 “Start”是一個可選參數册养,指定字符串中開始搜索的位置, 默認值為string.length-1东帅。

    //lastIndexOf(substr, [start])
    var myString = 'javascript rox';
    console.log(myString.lastIndexOf('r'));
    //output: 11

7. match(regexp)

根據正則表達式在字符串中搜索匹配項。如果沒有找到匹配項球拦,則返回一個信息數組或null靠闭。

    //match(regexp) //select integers only
    var intRegex = /[0-9 -()+]+$/;  

    var myNumber = '999';
    var myInt = myNumber.match(intRegex);
    console.log(isInt);
    //output: 999

    var myString = '999 JS Coders';
    var myInt = myString.match(intRegex);
    console.log(isInt);
    //output: null

8. replace(regexp/substr, replacetext)

replace() 方法用于在字符串中用一些字符替換另一些字符,或替換一個與正則表達式匹配的子串坎炼。

    //replace(substr, replacetext)
    var myString = '999 JavaScript Coders';
    console.log(myString.replace(/JavaScript/i, "jQuery"));
    //output: 999 jQuery Coders

    //replace(regexp, replacetext)
    var myString = '999 JavaScript Coders';
    console.log(myString.replace(new RegExp( "999", "gi" ), "The"));
    //output: The JavaScript Coders

9. search(regexp)

search() 方法用于檢索字符串中指定的子字符串愧膀,或檢索與正則表達式相匹配的子字符串,如果找到谣光,返回與 regexp 相匹配的子串的起始位置檩淋,否則返回 -1

    //search(regexp)
    var intRegex = /[0-9 -()+]+$/;  

    var myNumber = '999';
    var isInt = myNumber.search(intRegex);
    console.log(isInt);
    //output: 0

10. slice(start, [end])

slice() 方法可提取字符串的某個部分萄金,返回一個新的字符串蟀悦。包括字符串從 start 開始(包括 start)到 end 結束(不包括 end)為止的所有字符媚朦。

    //slice(start, end)
    var text="excellent"
    text.slice(0,4) //returns "exce"
    text.slice(2,4) //returns "ce"

11. split(delimiter, [limit])

split() 方法用于把一個字符串分割成字符串數組,返回一個字符串數組返回的數組中的字串不包括 delimiter自身日戈。 可選的“limit”是一個整數询张,允許各位指定要返回的最大數組的元素個數。

12. substr(start, [length])

substr() 方法可在字符串中抽取從 start 下標開始的指定數目的字符涎拉。返回一個新的字符串瑞侮,包含從 start(包括 start 所指的字符) 處開始的 length 個字符。如果沒有指定 length鼓拧,那么返回的字符串包含從 start 到該字符串的結尾的字符半火。

    //substring(from, to)
    var text="excellent"
    text.substring(0,4) //returns "exce"
    text.substring(2,4) //returns "ce"

13. substring(from, [to])

substring() 方法用于提取字符串中介于兩個指定下標之間的字符,方返回的子串包括 start處的字符季俩,但不包括 stop 處的字符钮糖,to 可選,如果省略該參數酌住,那么返回的子串會一直到字符串的結尾店归。

    //substring(from, [to])
    var myString = 'javascript rox';
    myString = myString.substring(0,10);
    console.log(myString)
    //output: javascript

14. toLowerCase()

toLowerCase() 方法用于把字符串轉換為小寫。

    //toLowerCase()
    var myString = 'JAVASCRIPT ROX';
    myString = myString.toLowerCase();
    console.log(myString)
    //output: javascript rox

15. toUpperCase()

toUpperCase() 方法用于把字符串轉換為大寫酪我。

    //toUpperCase()
    var myString = 'javascript rox';
    myString = myString.toUpperCase();
    console.log(myString)
    //output: JAVASCRIPT ROX

16. includes()

includes() 方法用于檢查字符串是否包含指定的字符串或字符消痛。

    //includes()
    var mystring = "Hello, welcome to edureka";
    var n = mystring.includes("edureka");
    //output: True

17. endsWith()

endsWith()函數檢查字符串是否以指定的字符串或字符結束。

    //endsWith()
    var mystr = "List of javascript functions";
    var n = mystr.endsWith("functions");
    //output: True

18. repeat()

repeat() 構造并返回一個新字符串都哭,該字符串包含被連接在一起的指定數量的字符串的副本秩伞。

    //repeat()
    var string = "Welcome to Edureka";
    string.repeat(2);
    //output: Welcome to Edureka Welcome to Edureka

19. valueOf()

valueOf() 方法返回一個String對象的原始值(primitive value),該值等同于String.prototype.toString()欺矫。

    //valueOf()
    var mystr = "Hello World!";
    var res = mystr.valueOf();
    //output: Hello World!

20. trim()

trim() 方法會從一個字符串的兩端刪除空白字符纱新。在這個上下文中的空白字符是所有的空白字符 (space, tab, no-break space 等) 以及所有行終止符字符(如 LF,CR)

    //trim()
    var str = "     Hello Edureka!     ";
    alert(str.trim());

截取字符串中的數字

1穆趴、使用parseInt()

var str ="4500元";
var num = parseInt(str);
console.log(num);//4500

parseInt()方法參數可以有非數字字符串脸爱,只要數字在字符串前面就可以
2、使用正則

var str ="價格4500元";
var num= s.replace(/[^0-9]/ig,"");
alert(num);//4500

截取字符串

1未妹、使用split()

//功能:使用指定的分隔符簿废,將字符串切割,并且存儲到數組里  
var str ="a,b,c,d,e,f";
var arr= str.split(",");
console.log(arr);//["a","b","c","d","e","f"]

2络它、使用join()

//功能:使用自己指定的分隔符捏鱼,將一個數組合并成字符串
var arr=[a,b,c,d,e,f];
var str= arr.join("|");
console.log(str);//"a|b|c|d|e|f"

3、使用substring()

//功能:可以截取指定的字段
var str="abcdef";
var str2= str.substring(0,3);
console.log(str2);//"abcd"

4酪耕、使用indexOf()

//功能:返回字符串中匹配到子串的第一個字符的下標
var str="hello web";
var s1= str.indexOf("ll");//2
var s2= str.indexOf("j");//如果沒有匹配則會返回-1

5、使用substr()

//功能:返回一個從指定位置開始指定長度的字符串
var str="hello web";
var s1= str.substr(0,4);//hell
var s2= str.substr(3);//"lo web"

6轨淌、使用hasOwnProperty()
hasOwnProperty() 方法會返回一個布爾值迂烁,指示對象自身屬性中是否具有指定的屬性(也就是看尼,是否有指定的鍵)。

例子:
const object1 = new Object();
object1.property1 = 42;

console.log(object1.hasOwnProperty('property1'));
// expected output: true

console.log(object1.hasOwnProperty('toString'));
// expected output: false

console.log(object1.hasOwnProperty('hasOwnProperty'));
// expected output: false

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
  • 序言:七十年代末盟步,一起剝皮案震驚了整個濱河市藏斩,隨后出現的幾起案子,更是在濱河造成了極大的恐慌却盘,老刑警劉巖狰域,帶你破解...
    沈念sama閱讀 217,734評論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現場離奇詭異黄橘,居然都是意外死亡兆览,警方通過查閱死者的電腦和手機,發(fā)現死者居然都...
    沈念sama閱讀 92,931評論 3 394
  • 文/潘曉璐 我一進店門塞关,熙熙樓的掌柜王于貴愁眉苦臉地迎上來抬探,“玉大人,你說我怎么就攤上這事帆赢⌒⊙梗” “怎么了?”我有些...
    開封第一講書人閱讀 164,133評論 0 354
  • 文/不壞的土叔 我叫張陵椰于,是天一觀的道長怠益。 經常有香客問我,道長瘾婿,這世上最難降的妖魔是什么蜻牢? 我笑而不...
    開封第一講書人閱讀 58,532評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮憋他,結果婚禮上孩饼,老公的妹妹穿的比我還像新娘。我一直安慰自己竹挡,他們只是感情好镀娶,可當我...
    茶點故事閱讀 67,585評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著揪罕,像睡著了一般梯码。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上好啰,一...
    開封第一講書人閱讀 51,462評論 1 302
  • 那天轩娶,我揣著相機與錄音,去河邊找鬼框往。 笑死鳄抒,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播许溅,決...
    沈念sama閱讀 40,262評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼瓤鼻,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贤重?” 一聲冷哼從身側響起茬祷,我...
    開封第一講書人閱讀 39,153評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎并蝗,沒想到半個月后祭犯,有當地人在樹林里發(fā)現了一具尸體,經...
    沈念sama閱讀 45,587評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡滚停,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,792評論 3 336
  • 正文 我和宋清朗相戀三年沃粗,在試婚紗的時候發(fā)現自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片铐刘。...
    茶點故事閱讀 39,919評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡陪每,死狀恐怖,靈堂內的尸體忽然破棺而出镰吵,到底是詐尸還是另有隱情檩禾,我是刑警寧澤,帶...
    沈念sama閱讀 35,635評論 5 345
  • 正文 年R本政府宣布疤祭,位于F島的核電站盼产,受9級特大地震影響,放射性物質發(fā)生泄漏勺馆。R本人自食惡果不足惜戏售,卻給世界環(huán)境...
    茶點故事閱讀 41,237評論 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望草穆。 院中可真熱鬧灌灾,春花似錦、人聲如沸悲柱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,855評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽豌鸡。三九已至嘿般,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間涯冠,已是汗流浹背炉奴。 一陣腳步聲響...
    開封第一講書人閱讀 32,983評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蛇更,地道東北人瞻赶。 一個月前我還...
    沈念sama閱讀 48,048評論 3 370
  • 正文 我出身青樓赛糟,卻偏偏與公主長得像,于是被迫代替她去往敵國和親砸逊。 傳聞我的和親對象是個殘疾皇子虑灰,可洞房花燭夜當晚...
    茶點故事閱讀 44,864評論 2 354

推薦閱讀更多精彩內容

  • 摘要: 玩轉JS字符串。 原文:JS 前20個常用字符串方法及使用方式 譯者:前端小智 Fundebug經授權轉載...
    Fundebug閱讀 342評論 0 2
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創(chuàng)建并操作數組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,233評論 0 4
  • ??引用類型的值(對象)是引用類型的一個實例颤诀。 ??在 ECMAscript 中字旭,引用類型是一種數據結構,用于將數...
    霜天曉閱讀 1,054評論 0 1
  • Javascript有很多字符串的方法崖叫,有的人有W3C的API遗淳,還可以去MDN上去找,但是我覺得API上說的不全心傀,...
    頑皮的雪狐七七閱讀 2,158評論 0 2
  • str.length 返回一個字符串的長度 返回一個字符串的長度 str.charAt(index) 返回字符串中...
    angelwgh閱讀 539評論 0 0