站在 Python 的肩膀上開啟 JavaScript 的大門，用 Py 角度學 JS Ep. 7 字串處理

這個系列帶著各位通過Python的角度，開始認識JavaScript這個實用的程式語言。專為曾經學習Python或認識Python，並且想學習JavaScript的人們設計，將會頻繁的提到每一種函式或語法與Python相關之處，便於將理解的知識再次利用，從中學習！

前言

在JavaScript中，字串處理是一個常見的任務。JavaScript中提供了許多內置函式，可以讓開發人員方便地處理字串。下面是一些常用的字串處理函式：

length：字串長度
charAt：指定位置字元
concat：字串相連
indexOf：指定字串第一次出現位置
lastIndexOf：指定字串最後一次出現位置
slice：提取指定位置間的字串
substr：指定位置開始提取指定位數的字串
replace：取代指定字串
split：切割字串
toLowerCase/toUpperCase：英語大小寫轉換

而在 Python 的類似對應函式如下：

len：字串長度
[index]：指定位置字元，其中index是整數值
+：字串相連
index：指定字串第一次出現位置
rindex：指定字串最後一次出現位置
[start:end]：提取指定位置間的字串
[start:start+length]：指定位置開始提取指定位數的字串
replace：取代指定字串
split：切割字串
lower/upper：英語大小寫轉換

接著讓我們來一個一個了解 JavaScript 中每一個字串相關處理函式的用法！

字串處理

範例中的 str 指的是一個字串，可以是變數或是以 ' 或 " 的字串。

length() 字串長度

用法：str.length

用途：length() 函式可以用於取得字串的長度。

範例：

  
const str = "Hello World";
console.log(str.length); // 11

charAt() 指定位置字元

用法：str.charAt(index)

index：要取字元的位置，由0開始為第一位，以此類推

用途：charAt() 函式可以取得字串中指定位置的字元。

範例：

  
const str = "Hello World";
console.log(str.charAt(1)); // e

concat() 字串相連

用法：str.concat(str1, str2, ..., strX)

str1：一個字串，並且若要相接多個字串可以使用逗號分隔

用途：concat() 函式可以將多個字串相連接成一個新的字串。

範例：

  
const str1 = "Hello";
const str2 = "World";
console.log(str1.concat(" ", str2)); // Hello World

indexOf() 指定字串第一次出現位置

用法：str.indexOf(searchValue, fromIndex)

searchValue：要搜尋的內容 fromIndex：指定開始搜索的位置

用途：indexOf() 函式可以取得字串中指定字串的第一次出現位置。

範例：

  
const str = "Hello World";
console.log(str.indexOf("o")); // 4

lastIndexOf() 指定字串最後一次出現位置

用法：str.lastIndexOf(searchValue, fromIndex)

searchValue：要搜尋的內容 fromIndex：指定開始搜索的位置

用途：lastIndexOf() 函式可以取得字串中指定字串的最後一次出現位置。

範例：

  
const str = "Hello World";
console.log(str.lastIndexOf("o")); // 7

slice() 提取指定位置間的字串

用法：str.slice(beginIndex, endIndex)

beginIndex：開始搜尋的位置 endIndex：結束搜尋的位置

用途：slice() 函式可以提取字串中指定位置間的字串。

範例：

  
const str = "Hello World";
console.log(str.slice(0, 5)); // Hello

substr() 指定位置開始提取指定位數的字串

用法：str.substr(start, length)

start：開始提取的位置 length：要提取出的長度

用途：substr() 函式可以從指定位置開始提取指定長度的字串。

範例：

  
const str = "Hello World";
console.log(str.substr(6, 5)); // World

replace() 取代指定字串

用法：str.replace(searchValue, replaceValue)

searchValue：要尋找的字串 replaceValue：要取代為的字串

用途：replace() 函式可以將字串中的指定字串取代為新的字串。

範例：

  
const str = "Hello World";
console.log(str.replace("World", "JavaScript")); // Hello JavaScript

split() 切割字串

用法：str.split(separator, limit)

separator：做為分割的依據 limit：限制切割後陣列的長度

用途：split() 函式可以將一個字串根據指定分隔符號分割成一個陣列，每個分割後的子字串都是陣列中的一個元素。

範例：

  
const str = "Apple,Banana,Mango";
const fruits = str.split(",");
console.log(fruits); // ["Apple", "Banana", "Mango"]

toLowerCase()/toUpperCase() 英語大小寫轉換

用法：str.toLowerCase()/str.toUpperCase()

用途：toLowerCase() 與 toUpperCase() 函式分別用於將一個字串轉換成小寫與大寫。

範例：

  
const str1 = "Hello World!";
const str2 = "JAVASCRIPT";
console.log(str1.toLowerCase()); // "hello world!"
console.log(str2.toUpperCase()); // "JAVASCRIPT"

結語

JavaScript 中的字串處理在程式語言中扮演著非常重要的角色，因為有著非常多的程式都會牽涉到字串的處理。透過這個系列，我們用 Python 的角度學習 JavaScript 中常用的字串處理函式，並且將 Python 中的相關函式做出對應，使得學習者可以更輕易地通過已知的觀念，來了解新的知識。

在本篇文章中，我們介紹了 JavaScript 中的常用字串處理函式，包括 length、charAt、concat、indexOf、lastIndexOf、slice、substr、replace、split 以及 toLowerCase/toUpperCase。並且也提供了 Python 中的相似對應函式，方便學習者可以快速找到參照。

學習程式語言的真諦，並不是僅僅背起所有的語法，更要學會應用的方式。這篇文章中除了介紹每一個函式外，亦各舉出一個例子，方便更好的理解與學習。期望在未來的學習過程中，各位讀者可以更輕鬆地掌握各種 JavaScript 的知識。

最後，字串處理函式只是程式中非常小的一部分，還有許多其他的語法與函式等待各位去探索。希望透過這個系列，可以為學習者的學習之路帶來一些幫助和啟示，也懇請各位多多關注與追蹤，也歡迎留言回饋！

站在 Python 的肩膀上開啟 JavaScript 的大門，用 Py 角度學 JS | Ep. 7 字串處理

前言