JavaScript字串

JavaScript字串

JavaScript的字串就是用''或""括起來的字元表示。

如果'本身也是一個字符,那就可以用""括起來,例如"I'm OK"包含的字符是I,',m,空格,O,K這6個字符。

如果字串內部既包含'又包含"怎麼辦?可以用轉義字元\來標識,例如:

'I\'m \"OK\"!';

表示的字串內容是: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);

如果有很多變數需要連接,用+號就比較麻煩。變數:

var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);

練習:測試你的瀏覽器是否支援ES6模板字串,如果不支持,請把模板字串改為+連接的普通字串:

// 如果瀏覽器支援模板字串,將會取代字串內部的變數:

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為字串提供了一些常用方法,注意,呼叫這些方法本身不會改變原有字串的內容,而是回傳一個新字串:

toUpperCase

#toUpperCase()把字串全部變成大寫:

var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'

toLowerCase

var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'

indexOf

indexOf()會搜尋指定字串出現的位置:

var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1

substring

substring()傳回指定索引區間的子字串:

'var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
s.substring(7); // 从索引7开始到结束,返回'world'


繼續學習
||
<html> <body> <script type="text/javascript"> var txt="Hello World!" document.write(txt.length) </script> </body> </html>