iT邦幫忙

2024 iThome 鐵人賽

DAY 27
0
Modern Web

JavaScript學習筆記系列 第 27

[Day 27] String method常用介紹 - split()、trim()、charCodeAt()

  • 分享至 

  • xImage
  •  

有使用過的字串方法整理如下:

split()

  1. 功能:字串轉陣列的方法。將字串依分隔符號拆分成子字串,最後回傳一個陣列。
  2. 語法:
split(separator, limit)

separator:可以指定分隔陣列元素的符號,沒有寫的話,整個字串作為一個陣列元素回傳。
limit (選填):用來限制回傳陣列中子字串的數量。

  1. 範例:

整個字串作為一個陣列元素回傳

let sentence = "have a nice day!";
let result = sentence.split(); //都沒寫

console.log(result); //['have a nice day!']

每個字元都被分割成子字串,空白、標點符號也算一個字元

let result = sentence.split(""); //加入空字串

console.log(result); 
//['h', 'a', 'v', 'e', ' ', 'a', ' ', 'n', 'i', 'c', 'e', ' ', 'd', 'a', 'y', '!']

依空格分割成子字串

let result = sentence.split(" "); //以空格做分割

console.log(result); //['have', 'a', 'nice', 'day!']

加上限制回傳的子字串數量,回傳子字串的前兩個

let sentence = "have a nice day!";
let result = sentence.split(" ",2); //都沒寫

console.log(result); // ['have', 'a']

trim()

  1. 功能:移除字串開頭結尾的空白字元,包含空格、換行,中間的空白不會修改到。
  2. 回傳值:回傳一個新的字串
  3. 範例:
let sentence = "  have a nice day! "; //前後加上空白字元
const result = sentence.trim();
console.log(result); //have a nice day!

很常用在輸入資料檢查,如果不小心按到空格,都可以先用trim()方法清理,去除不必要的空白字元。

如果開頭或結尾沒有空白字元,不會有任何影響。

charCodeAt()

  1. 功能:取得指定位置字元的Unicode編碼並回傳。
  2. 語法:
charCodeAt(index)

index:指定字元的位置,範圍是 0string.length - 1。如果沒寫,預設為0;超出範圍,則回傳NaN

  1. 範例:
let sentence = "have a nice day!"; 
const result = sentence.charCodeAt(7);
console.log(result); //110

sentence字串中的索引值7為n,對應到Unicode編碼為110

可以使用String.fromCharCode()編碼轉換回字元,例如:

let code = "abc".charCodeAt(0); 
let char = String.fromCharCode(code); 

console.log(code); //97
console.log(char); //"a"

以上分享~謝謝!

參考資料

MDN


上一篇
[Day 26] Array Method常用介紹 - reduce()、join()
下一篇
[Day 28] Number method常用介紹 - Number()、parseInt()、parseFloat()
系列文
JavaScript學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言