谈谈JavaScript中字符串对象常用方法

这是我参与8月更文挑战的第22天，活动详情查看：8月更文挑战

前言

众所周知，JavaScript中字符串对象几乎是到处都是，因此字符串对象的常用方法也是需要我们不断地进行回顾和记忆的，毕竟温故而知新嘛。所以今天我们就来谈一谈JavaScript中字符串对象的常用方法。

正文

提前说明哦，字符串所有的方法，都不会修改字符串本身(字符串是不可变的)，操作完成会返回一个新的字符串。

字符方法

charAt()    // 获取指定位置处字符
str[0]     // HTML5，IE8+支持 和charAt()等效
fromCharCode()    // 返回一个字符串
String.fromCharCode(101, 102, 103)    // 把ASCII码转换成字符串

字符串操作方法 (常用)

查找指定字符串

indexOf() 获取某个字符第一次出现的位置，如果没有，返回-1
lastIndexOf() 从后面开始查找第一次出现的位置。如果没有，返回-1

去除空白

trim() 去除字符串两边的空格，内部空格不会去除

大小写转换

toUpperCase()    // 全部转换成大写字母
toLowerCase()    // 全部转换成小写字母

字符串拼接与截取

字符串拼接

1. 可以用concat，用法与数组一样(返回新的字符串)
2. 字符串拼串一般使用 + 号

字符串截取

字符串截取的方法有很多，但是记得越多，就会越觉得混乱，因此记简单好用的就行

slice()：从start开始，end结束，包含头,不包含尾 ,返回一个新的字符串,原字符串不变
substring() ：从start开始，end结束，包含头,不包含尾  ,返回一个新的字符串,原字符串不变
substr()：从start开始，截取length个字符 (推荐使用)

字符串切割

split(): 将字符串分割成数组,原字符串不改变（很常用）

var str = "张三,李四,王五"
var arr = str.split(",")

字符串替换

replace(searchValue, replaceValue) // 参数：searchValue:需要替换的值   replaceValue:用来替换的值 注意,返回一个新的字符串,原来的字符串没有改变

var str = "abcd"
var newStr = str.replace("d","aaaa")
console.log(str)    // abcd
console.log(newStr)    // abcaaaa

例子

既然掌握了这些方法，我们就来好好的复习一下，这样才能记得牢，记得好。大冰块想了几道例题，如果你有兴趣的话，可以把答案贴在评论区哦~

• 截取字符串"掘金社区，你的摸鱼之家！"中的"摸鱼"

• "juejinmoyumoyu"查找字符串中所有"o"出现的位置

• 把字符串"juejinmoyumoyu"中所有的"o"替换成"ai"

• 判断字符串"juejinmoyumoyu"中出现次数最多的字符，并统计这个次数

后记

你好哇，我是南极大冰块，一个技术与颜值成正比的前端工程师，崇尚一针见血的搞定前端问题，希望我的博客有帮助到了你。

关注我，前端路途一起走。嘿哈~😛