摘要: 玩轉JS字元串。 原文: "JS 前20個常用字元串方法及使用方式" 譯者:前端小智 "Fundebug" 經授權轉載,版權歸原作者所有。 本文主要介紹一些最常用的 字元串函數。 1. charAt(x) 返回字元串中 位置的字元,下標從 開始。 2. charCodeAt(x) js 返回 ...
摘要: 玩轉JS字元串。
- 原文:JS 前20個常用字元串方法及使用方式
- 譯者:前端小智
Fundebug經授權轉載,版權歸原作者所有。
本文主要介紹一些最常用的JS
字元串函數。
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());
代碼部署後可能存在的BUG沒法實時知道,事後為瞭解決這些BUG,花了大量的時間進行log 調試,這邊順便給大家推薦一個好用的BUG監控工具 Fundebug。
關於Fundebug
Fundebug專註於JavaScript、微信小程式、微信小游戲、支付寶小程式、React Native、Node.js和Java線上應用實時BUG監控。 自從2016年雙十一正式上線,Fundebug累計處理了20億+錯誤事件,付費客戶有陽光保險、核桃編程、荔枝FM、掌門1對1、微脈、青團社等眾多品牌企業。歡迎大家免費試用!