站在 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 的知识。

最后，字串处理函式只是程式中非常小的一部分，还有许多其他的语法与函式等待各位去探索。希望透过这个系列，可以为学习者的学习之路带来一些帮助和启示，也恳请各位多多关注与追蹤，也欢迎留言回馈！