iT邦幫忙

2021 iThome 鐵人賽

DAY 26
0
Modern Web

從零開始的JS學習之路系列 第 26

[Day26] String methods 字串操作方法(1)

  • 分享至 

  • xImage
  •  

今天來了解字串的操作方法有哪些,至少讀過或操作一次,或許未來有哪些情境可以用到。

charAt()

回傳指定索引值的字元,預設值為 0,如下例:若沒輸入值則顯示 J。可以搭配 length 使用,輸入 1 是倒數第一位的意思,以此類推。

let str1 = "JavaScript";
str1.charAt(3); // a
str1.charAt(0); // J
str1.charAt(str1.length - 1); // t

charCodeAt()

回傳指定索引值字元的 Unicode,也可以搭配 length。

let str2 = "ABCDE";
str2.charCodeAt(0); // 65,A
str2.charCodeAt(1); // 66,B
str2.charCodeAt(2); // 67,C
str2.charCodeAt(str2.length - 2); // 68,D

concat()

功能是連接兩個或多個字串。

let mrLonely = "We're living in a twilight world,";
let superEdger = " and there are no friends at dusk.";
let sign = mrLonely.concat(superEdger);
console.log(sign); // We're living in a twilight world, and there are no friends at dusk.

endsWith()

檢查字串是否以指定值為結束;有兩個參數,第一個為指定尋找的值,第二個是 length 可設可不設:

let str1 = "We're living in a twilight world."
str1.endsWith("twilight", 26); // true
str1.endsWith("twilight"); // false

fromCharCode()

可將 Unicode 值轉換為字符。

String.fromCharCode(76, 79, 86, 69); // LOVE

includes()

檢查字串裡是否包含指定的值,有兩個參數,第一個是指定值,第二是開始檢查的位置(可不填)。

let str3 = "Where is my love?"
str3.includes("love") // true
str3.includes("love", 12) // true
str3.includes("love", 14) // false

indexOf()

尋找指定的字,有區分大小寫,符合的話會回報第一個字元的 index 值(如舉例中的:7),若不符合則回傳 -1

let motoo = "Stay hungry, stay foolish.";
motoo.indexOf("ngry"); // 7
motoo.indexOf("abc"); // -1

lastIndexOf()

與 indexOf()類似尋找指定的字串,可以由字面理解「最後一個」,不同在於他是從句子後面找回來,而回傳仍然是 index 值。

let motoo = "Stay hungry, stay foolish.";
motoo.lastIndexOf("tay"); // 14
motoo.lastIndexOf("abc"); // -1

參考資料

W3C-string


上一篇
[Day25] Array methods 陣列操作方法(3)
下一篇
[Day27] String methods 字串操作方法(2)
系列文
從零開始的JS學習之路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言