JavaScript-快速入門(四)字符串

原文出處 :https://www.liaoxuefeng.com/


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

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

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

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

表示的字符串內容是:I'm "OK"!

轉義字符\可以轉義很多字符,比如\n表示換行,\t表示製表符,字符\本身也要轉義,所以\\表示的字符就是\

ASCII字符可以以\x##形式的十六進制表示,例如:

'\x41'; // 完全等同於 'A'

還可以用\u####表示一個Unicode字符:

'\u4e2d\u6587'; // 完全等同於 '中文'

多行字符串

由於多行字符串用\n寫起來比較費事,所以最新的ES6標準新增了一種多行字符串的表示方法,用反引號 ` ... ` 表示:

`這是一個
多行
字符串`;

注意:反引號在鍵盤的ESC下方,數字鍵1的左邊:

┌─────┐ ┌─────┬─────┬─────┬─────┐
│ ESC │ │ F1  │ F2  │ F3  │ F4  │
│     │ │     │     │     │     │
└─────┘ └─────┴─────┴─────┴─────┘
┌─────┬─────┬─────┬─────┬─────┐
│  ~  │  !  │  @  │  #  │  $  │
│  `  │  1  │  2  │  3  │  4  │
├─────┴──┬──┴──┬──┴──┬──┴──┬──┘
│        │     │     │     │
│  tab   │  Q  │  W  │  E  │
├────────┴──┬──┴──┬──┴──┬──┘
│           │     │     │
│ caps lock │  A  │  S  │
└───────────┴─────┴─────┘

模板字符串

要把多個字符串連接起來,可以用+號連接:

var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '歲了!';
alert(message);

如果有很多變量需要連接,用+號就比較麻煩。ES6新增了一種模板字符串,表示方法和上面的多行字符串一樣,但是它會自動替換字符串中的變量:

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

操作字符串

字符串常見的操作如下:

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

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'
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章