JavaScript字符串
JavaScript字符串
JavaScript的字符串就是用''或""括起來的字符表示。
如果'本身也是一個字符,那就可以用""括起來,比如"I'm OK"包含的字符是I,',m,空格,O,K這6個字符。
如果字符串內(nèi)部既包含'又包含"怎么辦?可以用轉義字符\來標識,比如:
'I\'m \"OK\"!';
表示的字符串內(nèi)容是:I'm "OK"!
轉義字符\可以轉義很多字符,比如\n表示換行,\t表示制表符,字符\本身也要轉義,所以\\表示的字符就是\。
ASCII字符可以以\x##形式的十六進制表示,例如:
'\x41'; // 完全等同于 'A'
還可以用\u####表示一個Unicode字符:
'\u4e2d\u6587'; // 完全等同于 '中文'
多行字符串
由于多行字符串用\n寫起來比較費事,所以最新的ES6標準新增了一種多行字符串的表示方法,用` ... `表示:
`這是一個 多行 字符串`;
練習:測試你的瀏覽器是否支持ES6標準,如果不支持,請把多行字符串用\n重新表示出來:
// 如果瀏覽器不支持ES6,將報SyntaxError錯誤:
alert(`多行 字符串 測試`);
模板字符串
要把多個字符串連接起來,可以用+號連接:
var name = '小明'; var age = 20; var message = '你好, ' + name + ', 你今年' + age + '歲了!'; alert(message);
如果有很多變量需要連接,用+號就比較麻煩。ES6新增了一種模板字符串,表示方法和上面的多行字符串一樣,但是它會自動替換字符串中的變量:
var name = '小明'; var age = 20; var message = `你好, ${name}, 你今年${age}歲了!`; alert(message);
練習:測試你的瀏覽器是否支持ES6模板字符串,如果不支持,請把模板字符串改為+連接的普通字符串:
// 如果瀏覽器支持模板字符串,將會替換字符串內(nèi)部的變量:
var name = '小明'; var age = 20; alert(`你好, ${name}, 你今年${age}歲了!`);
操作字符串
字符串常見的操作如下:
var s = 'Hello, world!'; s.length; // 13
要獲取字符串某個指定位置的字符,使用類似Array的下標操作,索引號從0開始:
var s = 'Hello, world!'; s[0]; // 'H' s[6]; // ' ' s[7]; // 'w' s[12]; // '!' s[13]; // undefined 超出范圍的索引不會報錯,但一律返回undefined
需要特別注意的是,字符串是不可變的,如果對字符串的某個索引賦值,不會有任何錯誤,但是,也沒有任何效果:
var s = 'Test'; s[0] = 'X'; alert(s); // s仍然為'Test'
JavaScript為字符串提供了一些常用方法,注意,調(diào)用這些方法本身不會改變原有字符串的內(nèi)容,而是返回一個新字符串:
toUpperCase
toUpperCase()把一個字符串全部變?yōu)榇髮懀?/p>
var s = 'Hello'; s.toUpperCase(); // 返回'HELLO'
toLowerCase
var s = 'Hello'; var lower = s.toLowerCase(); // 返回'hello'并賦值給變量lower lower; // 'hello'
indexOf
indexOf()會搜索指定字符串出現(xiàn)的位置:
var s = 'hello, world'; s.indexOf('world'); // 返回7 s.indexOf('World'); // 沒有找到指定的子串,返回-1
substring
substring()返回指定索引區(qū)間的子串:
'var s = 'hello, world' s.substring(0, 5); // 從索引0開始到5(不包括5),返回'hello' s.substring(7); // 從索引7開始到結束,返回'world'