一、字符串轉換javascript
字符串轉換是最基礎的要求和工做，你能夠將任何類型的數據都轉換爲字符串，你能夠用下面三種方法的任何一種：前端
|
1
2
|
var
num= 19;
var
myStr = num.toString();
|
你一樣能夠這麼作：java
|
1
2
|
var
num= 19;
var
myStr = String(num);
|
或者，再簡單點兒：面試
|
1
2
|
var
num= 19;
var
myStr =
""
+num;
|
二、字符串分割正則表達式
字符串分割，即將一個字符串分割爲多個字符串，JavaScript中給咱們提供了一個很是方便的函數，如：數組
|
1
2
3
4
5
|
var
myStr =
"I,Love,You,Do,you,love,me"
;
var
substrArray = myStr .split(
","
);
var
arrayLimited = myStr .split(
","
, 3);
|
split()的第二個參數，表示返回的字符串數組的最大長度。app
三、獲取字符串長度函數
字符串長度是在開發中常常要用到的，很是簡單以下：編碼
|
1
2
|
var
myStr =
"I,Love,You,Do,you,love,me"
;
var
myStrLength = myStr.length;
|
四、查詢子字符串spa
不少人都會忘記這幾個JavaScript的自帶的方法，或者忘記它們的具體用法，從而致使在作題的時候不得不嵌套for循環來作。
第一個函數：indexOf()，它從字符串的開頭開始查找，找到返回對應座標，找不到返回-1。以下：
|
1
2
|
var
myStr =
"I,Love,you,Do,you,love,me"
;
var
index = myStr.indexOf(
"you"
);
|
第二個函數：lastIndexOf()，它從字符串的末尾開始查找，找到返回對應座標，找不到返回-1。以下：
|
1
2
|
var
myStr =
"I,Love,you,Do,you,love,me"
;
var
index = myStr.lastIndexOf(
"you"
);
|
以上兩個函數一樣接收第二個可選的參數，表示開始查找的位置。
五、字符串替換
單單查到字符串應該還不會中止，通常題目都還常常會遇到讓你查到並替換爲你本身的字符串，例如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
replacedStr = myStr.replace(
"love"
,
"hate"
);
|
默認只替換第一次查找到的，想要全局替換，須要置上正則全局標識，如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
replacedStr = myStr.replace(/love/g,
"hate"
);
|
更多的詳解，可參考：http://www.jb51.net/w3school/js/jsref_replace.htm
六、查找給定位置的字符或其字符編碼值
想要查找給定位置的字符，你可使用以下函數：
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
theChar = myStr.charAt(8);
|
一樣，它的一個兄弟函數就是查找對應位置的字符編碼值，如：
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
theChar = myStr.charCodeAt(8);
|
七、字符串鏈接
字符串鏈接操做能夠簡單到用一個加法運算符搞定，如：
|
1
2
3
4
|
var
str1 =
"I,love,you!"
;
var
str2 =
"Do,you,love,me?"
;
var
str = str1 + str2 +
"Yes!"
;
|
一樣，JavaScript也自帶了相關的函數，如：
|
1
2
3
4
|
var
str1 =
"I,love,you!"
;
var
str2 =
"Do,you,love,me?"
;
var
str = str1.concat(str2);
|
其中concat()函數能夠有多個參數，傳遞多個字符串，拼接多個字符串。
八、字符串切割和提取
有三種能夠從字符串中抽取和切割的方法，如：
第一種，使用slice():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.slice(1,5);
|
第二種，使用substring():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.substring(1,5);
|
第三種，使用substr():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.substr(1,5);
|
與第一種和第二種不一樣的是，substr()第二個參數表明截取的字符串最大長度，如上結果所示。
九、字符串大小寫轉換
經常使用的轉換爲大寫或者小寫字符串函數，以下：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
lowCaseStr = myStr.toLowerCase();
var
upCaseStr = myStr.toUpperCase();
|
十、字符串匹配
字符串匹配可能須要你對正則表達式有必定的瞭解，先來看看match()函數：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = myStr.match(pattern);
console.log(result .index);
console.log(result.input );
|
如你所見，match()函數在字符串上調用，而且接受一個正則的參數。來看看第二個例子，使用exec()函數：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = pattern .exec(myStr);
console.log(result .index);
console.log(result.input );
|
簡單吧，僅僅是把正則和字符串換了個位置，即exec()函數是在正則上調用，傳遞字符串的參數。對於上面兩個方法，匹配的結果都是返回第一個匹配成功的字符串，若是匹配失敗則返回null.
再來看一個相似的方法search(),如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = myStr.search(pattern);
|
僅返回查到的匹配的下標，若是匹配失敗則返回-1.
十一、字符串比較
比較兩個字符串，比較是規則是按照字母表順序比較的，如：
|
1
2
3
4
5
|
var
myStr =
"chicken"
;
var
myStrTwo =
"egg"
;
var
first = myStr.localeCompare(myStrTwo);
first = myStr.localeCompare(
"chicken"
);
first = myStr.localeCompare(
"apple"
);
|
十二、舉例
最後咱們來看一道前端筆試題，去哪兒網的，相信不少孩子都作到過這個題了。題目：寫一個getSuffix函數，用於得到輸入參數的後綴名，例如輸入abcd.txt，返回txt。附上個人答案：
|
1
2
3
|
function
getSuffix(file){
return
file.slice(file.lastIndexOf(
"."
) + 1,file.length);
}
|
結束語
相信JavaScript中字符串操做的函數應該不止這幾個，可是上面列的這些應該都是很是經常使用的。若是有哪些須要補充的，歡迎補充！但願看到這些之後，再面對字符串的筆試面試題你能很是從容的面對。
但願本文所述對你們的javascript程序設計有所幫助。
一、字符串轉換
字符串轉換是最基礎的要求和工做，你能夠將任何類型的數據都轉換爲字符串，你能夠用下面三種方法的任何一種：
|
1
2
|
var
num= 19;
var
myStr = num.toString();
|
你一樣能夠這麼作：
|
1
2
|
var
num= 19;
var
myStr = String(num);
|
或者，再簡單點兒：
|
1
2
|
var
num= 19;
var
myStr =
""
+num;
|
二、字符串分割
字符串分割，即將一個字符串分割爲多個字符串，JavaScript中給咱們提供了一個很是方便的函數，如：
|
1
2
3
4
5
|
var
myStr =
"I,Love,You,Do,you,love,me"
;
var
substrArray = myStr .split(
","
);
var
arrayLimited = myStr .split(
","
, 3);
|
split()的第二個參數，表示返回的字符串數組的最大長度。
三、獲取字符串長度
字符串長度是在開發中常常要用到的，很是簡單以下：
|
1
2
|
var
myStr =
"I,Love,You,Do,you,love,me"
;
var
myStrLength = myStr.length;
|
四、查詢子字符串
不少人都會忘記這幾個JavaScript的自帶的方法，或者忘記它們的具體用法，從而致使在作題的時候不得不嵌套for循環來作。
第一個函數：indexOf()，它從字符串的開頭開始查找，找到返回對應座標，找不到返回-1。以下：
|
1
2
|
var
myStr =
"I,Love,you,Do,you,love,me"
;
var
index = myStr.indexOf(
"you"
);
|
第二個函數：lastIndexOf()，它從字符串的末尾開始查找，找到返回對應座標，找不到返回-1。以下：
|
1
2
|
var
myStr =
"I,Love,you,Do,you,love,me"
;
var
index = myStr.lastIndexOf(
"you"
);
|
以上兩個函數一樣接收第二個可選的參數，表示開始查找的位置。
五、字符串替換
單單查到字符串應該還不會中止，通常題目都還常常會遇到讓你查到並替換爲你本身的字符串，例如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
replacedStr = myStr.replace(
"love"
,
"hate"
);
|
默認只替換第一次查找到的，想要全局替換，須要置上正則全局標識，如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
replacedStr = myStr.replace(/love/g,
"hate"
);
|
更多的詳解，可參考：http://www.jb51.net/w3school/js/jsref_replace.htm
六、查找給定位置的字符或其字符編碼值
想要查找給定位置的字符，你可使用以下函數：
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
theChar = myStr.charAt(8);
|
一樣，它的一個兄弟函數就是查找對應位置的字符編碼值，如：
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
theChar = myStr.charCodeAt(8);
|
七、字符串鏈接
字符串鏈接操做能夠簡單到用一個加法運算符搞定，如：
|
1
2
3
4
|
var
str1 =
"I,love,you!"
;
var
str2 =
"Do,you,love,me?"
;
var
str = str1 + str2 +
"Yes!"
;
|
一樣，JavaScript也自帶了相關的函數，如：
|
1
2
3
4
|
var
str1 =
"I,love,you!"
;
var
str2 =
"Do,you,love,me?"
;
var
str = str1.concat(str2);
|
其中concat()函數能夠有多個參數，傳遞多個字符串，拼接多個字符串。
八、字符串切割和提取
有三種能夠從字符串中抽取和切割的方法，如：
第一種，使用slice():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.slice(1,5);
|
第二種，使用substring():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.substring(1,5);
|
第三種，使用substr():
|
1
2
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
subStr = myStr.substr(1,5);
|
與第一種和第二種不一樣的是，substr()第二個參數表明截取的字符串最大長度，如上結果所示。
九、字符串大小寫轉換
經常使用的轉換爲大寫或者小寫字符串函數，以下：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
lowCaseStr = myStr.toLowerCase();
var
upCaseStr = myStr.toUpperCase();
|
十、字符串匹配
字符串匹配可能須要你對正則表達式有必定的瞭解，先來看看match()函數：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = myStr.match(pattern);
console.log(result .index);
console.log(result.input );
|
如你所見，match()函數在字符串上調用，而且接受一個正則的參數。來看看第二個例子，使用exec()函數：
|
1
2
3
4
5
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = pattern .exec(myStr);
console.log(result .index);
console.log(result.input );
|
簡單吧，僅僅是把正則和字符串換了個位置，即exec()函數是在正則上調用，傳遞字符串的參數。對於上面兩個方法，匹配的結果都是返回第一個匹配成功的字符串，若是匹配失敗則返回null.
再來看一個相似的方法search(),如：
|
1
2
3
|
var
myStr =
"I,love,you,Do,you,love,me"
;
var
pattern = /love/;
var
result = myStr.search(pattern);
|
僅返回查到的匹配的下標，若是匹配失敗則返回-1.
十一、字符串比較
比較兩個字符串，比較是規則是按照字母表順序比較的，如：
|
1
2
3
4
5
|
var
myStr =
"chicken"
;
var
myStrTwo =
"egg"
;
var
first = myStr.localeCompare(myStrTwo);
first = myStr.localeCompare(
"chicken"
);
first = myStr.localeCompare(
"apple"
);
|
十二、舉例
最後咱們來看一道前端筆試題，去哪兒網的，相信不少孩子都作到過這個題了。題目：寫一個getSuffix函數，用於得到輸入參數的後綴名，例如輸入abcd.txt，返回txt。附上個人答案：
|
1
2
3
|
function
getSuffix(file){
return
file.slice(file.lastIndexOf(
"."
) + 1,file.length);
}
|
結束語
相信JavaScript中字符串操做的函數應該不止這幾個，可是上面列的這些應該都是很是經常使用的。若是有哪些須要補充的，歡迎補充！但願看到這些之後，再面對字符串的筆試面試題你能很是從容的面對。
但願本文所述對你們的javascript程序設計有所幫助。