23个常用的JavaScript 字符串方法备忘清单

- 日理万妓 2022-09-10 13:30 180阅读 0赞

![de62fcddcba28faf6009e567497d01b0.png][]

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

翻译 | 杨小二

# **01、charAt()** #

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

![cb3bea18e96b30e08bbd030d0cde1209.png][]

# **02、charCodeAt()** #

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

![a6879a00a416d870a30654e21d171caa.png][]

# **03、concat() ** #

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

![a1c8f5434fe9e151222fc1d5223b1a8b.png][]

# **04、endWith()** #

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

![f3af23d6a5770acd33a349c6afdfed7d.png][]

# **05、fromCharCode()** #

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

![41941534b05b61d52af1372a45675676.png][]

# **06、include()** #

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

![5603c55b6f06126caee269893f9ea15a.png][]

# **07、indexOf() ** #

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

![c1ae6fd78848f494eb1717fc193a07c0.png][]

# **08、lastIndexOf()** #

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

![85efe4d120fb0ee2d581b28fe73571c2.png][]

# **09、localeCompare() ** #

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

![34f0efbebe7bddeb743eb0afecdc71ba.png][]

# **10、match() ** #

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

![af4211357bc91647ca7ae052b2ed8a18.png][]

# **11、startsWith() ** #

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

![6d32af995785ee1a798b9e783d4835ed.png][]

# **12、repeat()** #

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

![a0565de9bc36eb262c8a515d308c2e13.png][]

# **13、replace() ** #

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

![f7da707280be66b3569c76275caadcef.png][]

# **14、search() ** #

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

![642351903717e27685132c4a8553be66.png][]

# **15、slice()** #

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

![5b786672345a1613b8ef700c05f23a73.png][]

# **16、split() ** #

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

![47cc0cc22cd8d02998cb99e9bcb5e424.png][]

# **17、substr()** #

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

![a84034954b58cda01396a61dcb33cb2a.png][]

# **18、substring()** #

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

![facf65b87c182dbd3b366858071153e2.png][]

# **19、toLocaleLowerCase()** #

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

![f2e2ccb99d28e68c397d6b137c03888a.png][]

# **20、toLocaleUpperCase()** #

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

![a260f6fbd0108bdb931860ddc9c0e193.png][]

# **21、toLowerCase()** #

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

![c7295f4fb0eeb52dd1b3872e5d66492d.png][]

# **22、toUpperCase() ** #

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

![5cd21e2945e241c2248ff839750f6b2c.png][]

**23、trim（）**

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

![4e17c18ade8cc48ebccaee879904f7bd.png][]

感谢你的阅读。

#  #

**学习更多技能**

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

![717285e0910ca8a42ca3ace805045810.gif][]

![7bee7d5c9880e0320e5e0ab96021b13f.png][]

![9567e8172d26dac1a667f0ddda09b58d.png][]

[de62fcddcba28faf6009e567497d01b0.png]: /images/20220829/708d6163d52044448b8ff004572c49b9.png
[cb3bea18e96b30e08bbd030d0cde1209.png]: /images/20220829/4c5b88249e7242f381960587d375fe10.png
[a6879a00a416d870a30654e21d171caa.png]: /images/20220829/1cde41f11af14bd785b9e2a843a01b26.png
[a1c8f5434fe9e151222fc1d5223b1a8b.png]: /images/20220829/7f51ab94936b4b3ca80f91ba25625abf.png
[f3af23d6a5770acd33a349c6afdfed7d.png]: /images/20220829/9831018653954a1fa1b7b0cd6d9d9656.png
[41941534b05b61d52af1372a45675676.png]: /images/20220829/9438b69fbdc348e4984835aea29f897c.png
[5603c55b6f06126caee269893f9ea15a.png]: /images/20220829/6d80a4b1b6bc4ba88bc5a40561000afe.png
[c1ae6fd78848f494eb1717fc193a07c0.png]: /images/20220829/c0e4d55f880244d2bd732a084088f057.png
[85efe4d120fb0ee2d581b28fe73571c2.png]: /images/20220829/26465c65240e42479a061f3c15fd883d.png
[34f0efbebe7bddeb743eb0afecdc71ba.png]: /images/20220829/bdcb5fa0871c4f3d842f509845bf7a10.png
[af4211357bc91647ca7ae052b2ed8a18.png]: /images/20220829/e159f5aed43d40aab263143ccbbe1604.png
[6d32af995785ee1a798b9e783d4835ed.png]: /images/20220829/03e632d1d1c7497d9868859c2d582dfc.png
[a0565de9bc36eb262c8a515d308c2e13.png]: /images/20220829/58cb17fadb5b46f28deb517e1f64c8e6.png
[f7da707280be66b3569c76275caadcef.png]: /images/20220829/b0955d26b05b45948ebd8cffc08468f3.png
[642351903717e27685132c4a8553be66.png]: /images/20220829/fe5469bddbb547fa9313b979d53af005.png
[5b786672345a1613b8ef700c05f23a73.png]: /images/20220829/558bbf529f824471bf125efb66b47139.png
[47cc0cc22cd8d02998cb99e9bcb5e424.png]: /images/20220829/779a7dfddf4647538548d4c16579b0e2.png
[a84034954b58cda01396a61dcb33cb2a.png]: /images/20220829/f51422437804424dbcde51899864cfbf.png
[facf65b87c182dbd3b366858071153e2.png]: /images/20220829/6ccdb8dbbfa64770a257a974ad041c2b.png
[f2e2ccb99d28e68c397d6b137c03888a.png]: /images/20220829/45fcb6502d1a4c08b0ff29e5980fb355.png
[a260f6fbd0108bdb931860ddc9c0e193.png]: /images/20220829/218e2153cfbb48ce9e433510b517d2f2.png
[c7295f4fb0eeb52dd1b3872e5d66492d.png]: /images/20220829/3ef33dc0523948cd820386489786edba.png
[5cd21e2945e241c2248ff839750f6b2c.png]: /images/20220829/43213dcb6d2a4fd180bd85b1cd11cd70.png
[4e17c18ade8cc48ebccaee879904f7bd.png]: /images/20220829/64df9707f64547a5b63b581ba3e06807.png
[717285e0910ca8a42ca3ace805045810.gif]: /images/20220829/bbac20e19b8c42ff8dab2ac2fe4b2a48.png
[7bee7d5c9880e0320e5e0ab96021b13f.png]: /images/20220829/1390b8ee5afb414ea719189e0f05b77c.png
[9567e8172d26dac1a667f0ddda09b58d.png]: /images/20220829/b413d37f944b4dd487537be38ab9d621.png