23个工作中常会用到的 JS 字符串操作函数

Love The Way You Lie 2022-09-11 00:07 106阅读 0赞

![e08a8b19b16928919ecbd992cc072452.png][]

# 英文 | https://sahinur.medium.com/javascript-string-methods-cheatsheet-57c2c485e0eb #

翻译 | 杨小二

# **01、charAt()** #

charAt() 方法返回字符串中指定索引处的字符。第一个字符的索引为 0，第二个字符为 1，依此类推。

![0dad02481a81e340ae142289385eb957.png][]

# **02、charCodeAt()** #

charCodeAt() 方法返回字符串中指定索引处字符的Unicode。

![bf17ae5e78017b3306a5bd26b2f682a7.png][]

# **03、concat()**  #

concat() 方法用于连接两个或多个字符串。此方法不会更改现有字符串，而是返回一个包含连接字符串文本的新字符串。

![8c54da5c06b2d5d836cd0f2830ed6f1b.png][]

# **04、endWith()** #

EndsWith() 方法确定字符串是否以指定字符串的字符结尾。如果字符串以字符结尾，则此方法返回 true，否则返回 false。

![4ce786e5e00e4a95297ccb004543b24c.png][]

# **05、fromCharCode()** #

fromCharCode() 方法将 Unicode 值转换为字符。这是String对象的静态方法，语法始终是String.fromCharCode()。

![838df836149a313b8d4f0437655e58a3.png][]

# **06、include()** #

include() 方法确定字符串是否包含指定字符串的字符。

![3c006f4b1f5ccb27075c7a2d9ce9ae4c.png][]

# **07、indexOf()**  #

indexOf() 方法返回指定值在字符串中第一次出现的位置。如果要搜索的值从未出现，则此方法返回 -1。

![fd82483b3a95bd35992b17fdb855305c.png][]

# **08、lastIndexOf()** #

lastIndexOf() 方法返回指定值在字符串中最后一次出现的位置。从结尾到开头搜索字符串，但返回从开头开始的索引，位置 0。

![2e0f7b6be1f3807a4bf7d754e7cbc159.png][]

# **09、localeCompare()**  #

localeCompare() 方法比较当前语言环境中的两个字符串。区域设置基于浏览器的语言设置。如果 str1 在 str2 之前排序，则返回 -1 ，如果两个字符串相等，则返回 0， 如果 str1 在 str2 之后排序，则返回 1。

![1ccc11cd35b9d68f6e86af918cb7c760.png][]

# **10、match()**  #

match() 方法根据正则表达式在字符串中搜索匹配项，并将匹配项作为 Array 对象返回。

![4b50c291914a4e75c19c536d3cfa8a3e.png][]

# **11、startsWith()**  #

startsWith() 方法确定字符串是否以指定字符串的字符开头。

![675c43c25bf760ef4fe071e197b4b6e3.png][]

# **12、repeat()** #

repeat() 方法返回一个新字符串，其中包含调用它的字符串的指定副本数。

![0bf3076718accdd4acd95eb344ff9ed4.png][]

# **13、replace()**  #

replace() 方法在字符串中搜索指定值或正则表达式，并返回替换指定值的新字符串。

![bc47b16778a4746a990c448931b5f5c5.png][]

# **14、search()**  #

search() 方法在字符串中搜索指定值，并返回匹配的位置。

![9bbefb72f7740a57a48524378e69d544.png][]

# **15、slice()** #

slice() 方法提取字符串的一部分并在新字符串中返回提取的部分。

![affa37da40caa8bdbb5345e69e1cd9da.png][]

# **16、split()**  #

split() 方法用于将字符串拆分为子字符串数组，并返回新数组。

![1b049cbaab0af871951f3e9bdab726e4.png][]

# **17、substr()** #

substr() 方法提取字符串的一部分，从指定位置的字符开始，并返回指定数量的字符。

![5453fe5ff0db9623dc5e4f26368d2e20.png][]

# **18、substring()** #

substring() 方法从字符串中提取两个指定索引之间的字符，并返回新的子字符串。

![0770bd6c731ebb80fac9318d0ba0e0a3.png][]

# **19、toLocaleLowerCase()** #

toLocaleLowerCase() 方法根据主机的当前语言环境将字符串转换为小写字母。

![19ccb6b66b61fb77b8c68f80b6e0c8d0.png][]

# **20、toLocaleUpperCase()** #

toLocaleUpperCase() 方法根据主机的当前语言环境将字符串转换为大写字母。

![9f3a3a475f7c39c5eb8f406c39dcc508.png][]

# **21、toLowerCase()** #

toLowerCase() 方法将字符串转换为小写字母。它不会更改原始字符串。

![5ee0b6a25309cdd40eff537e0f79f0a4.png][]

# **22、toUpperCase()**  #

toUpperCase() 方法将字符串转换为大写字母。它不会更改原始字符串。

![1c743419969e16e6b5da1ec484ac5695.png][]

**23、trim（）**

trim() 方法从字符串的两侧删除空格。它不会更改原始字符串。

![779ba224eff683bf892faac265d993d4.png][]

感谢你的阅读。

#  #

**学习更多技能**

**请点击下方公众号**

![23d84e7125c1a37f08fbcceda9f92b50.gif][]

[e08a8b19b16928919ecbd992cc072452.png]: /images/20220829/c0d4d98a7eb44212aa4cc1bc6102e763.png
[0dad02481a81e340ae142289385eb957.png]: /images/20220829/f2c54cf49af9485194a85a982e818146.png
[bf17ae5e78017b3306a5bd26b2f682a7.png]: /images/20220829/cd0f0791ab2041948175294d37473787.png
[8c54da5c06b2d5d836cd0f2830ed6f1b.png]: /images/20220829/5912c01238f649f4a0b3c8edab4c4360.png
[4ce786e5e00e4a95297ccb004543b24c.png]: /images/20220829/bf471d74f9e1479d87fe7ca28b5fa375.png
[838df836149a313b8d4f0437655e58a3.png]: /images/20220829/16f55aae66234433b7acd53852e5ea11.png
[3c006f4b1f5ccb27075c7a2d9ce9ae4c.png]: /images/20220829/bf16b1a7264b41549301896fe5163769.png
[fd82483b3a95bd35992b17fdb855305c.png]: /images/20220829/1f8cdb081dd34defb7aca7ed67adfe8c.png
[2e0f7b6be1f3807a4bf7d754e7cbc159.png]: /images/20220829/dd353d876dce4e1ba8658fbefcbecd62.png
[1ccc11cd35b9d68f6e86af918cb7c760.png]: /images/20220829/e1b1efce9a5d45979402a1c92eeb387c.png
[4b50c291914a4e75c19c536d3cfa8a3e.png]: /images/20220829/536d654f3c404f8a8d5f46de87537126.png
[675c43c25bf760ef4fe071e197b4b6e3.png]: /images/20220829/05293913e2824be7ba3ed95e881a6941.png
[0bf3076718accdd4acd95eb344ff9ed4.png]: /images/20220829/716067711484487990ef5c499930ec80.png
[bc47b16778a4746a990c448931b5f5c5.png]: /images/20220829/04a00b9c7ada40f08bc397a7d6839c97.png
[9bbefb72f7740a57a48524378e69d544.png]: /images/20220829/28d1b6195a764f57aa041b56dfd63038.png
[affa37da40caa8bdbb5345e69e1cd9da.png]: /images/20220829/6c026ae8f9d146018c65a2e332c13fcf.png
[1b049cbaab0af871951f3e9bdab726e4.png]: /images/20220829/a12cf8fe226241d8b222d04c2dbdba6e.png
[5453fe5ff0db9623dc5e4f26368d2e20.png]: /images/20220829/93c52a52315745bbb5dbad26163e06d0.png
[0770bd6c731ebb80fac9318d0ba0e0a3.png]: /images/20220829/8e1d5bba4b394bfc98e8a775fd4ab418.png
[19ccb6b66b61fb77b8c68f80b6e0c8d0.png]: /images/20220829/73021fe574fc44ecb1e25292155dc5dd.png
[9f3a3a475f7c39c5eb8f406c39dcc508.png]: /images/20220829/c0d17efe41634509a1833ed2cf7f8383.png
[5ee0b6a25309cdd40eff537e0f79f0a4.png]: /images/20220829/418056d74a4845059b82d470053a2a2b.png
[1c743419969e16e6b5da1ec484ac5695.png]: /images/20220829/04388e8d000549cbb60882839f0eb06d.png
[779ba224eff683bf892faac265d993d4.png]: /images/20220829/c914b51ea1354bbc9fc9a2fce6b9d392.png
[23d84e7125c1a37f08fbcceda9f92b50.gif]: /images/20220829/e635db3118654994af3499cac02e265a.png