盘点那些Javascript中字符串常用方法

快来打我* 2022-10-27 12:23 247阅读 0赞

## 字符串查找 ##

### 查找指定位置的字符串 `charAt()方法` ###

返回某个位置的字符，也就是字符串的下标，第一个字符的下标从0开始  
如果下标超出了字符串长度，该方法将返回一个空字符串

var xw = "前端爱好者小王";
    
    var a = xw.charAt(0);   //返回 前
    var b = xw.charAt(1);   //返回 端
    var c = xw.charAt(10);   //返回 空
    var e = xw.charAt(13);   //返回 空
    console.log(a+'-'+b+'-'+c)   //前-端-

### 查询字符在当前字符串中是否出现 `indexOf()方法` ###

返回某个指定的字符串值在字符串中首次出现的位置  
如果存在，返回下标，如果不存在 返回-1 该方法页适用于数组

示例

var xw = "前端爱好者小王";
    
    var a = xw.indexOf("前");  // 返回0
    var b = xw.indexOf("小");  // 返回5
    var c = xw.indexOf("哈");  // 返回-1
    var d = xw.indexOf("W");  // 返回-1
    var e = xw.indexOf("a");  // 返回-1

### 字符串的替换 `replace()方法` ###

语法:replace(“要替换的字符”,“用什么字符替换”);  
第一个参数接受正则

示例：

var xw = "www.wangshuaiming.xyz"; //小王的个人网站,欢迎查看留言
    
    //全局匹配,忽略大小写
    var e = zxw2.replace(/WWW/gi,"aaa"); 
    //返回 aaa.wangshuaiming.xyz

### 字符串大小写转换 ###

大写转小写：`toLowerCase()`  
小写转大写：`toUpperCase()`

示例

var xw1 = "www.wangshuaiming.xyz";
    var xw2 = "WWW.WANGSHUAIMING.XYZ";
    
    xw1.toUpperCase()  //返回 WWW.WANGSHUAIMING.XYZ
    xw2.toUpperCase()  //返回 www.wangshuaiming.xyz

将字符串首字母大写

var xw = "www.wangshuaiming.xyz";
    
    //思路：找到第一个字符，将第一个字符转为大写并替换
    xw.replace(xw.charAt(0),xw.charAt(0).toUpperCase())

### 截取指定下标的字符串 `substring()方法` ###

此方法不接受负值

var xw = "www.wangshuaiming.xyz"
    
    //当只有一个参数时，从下标为4的位置直接截取到尾部 包含下标为4的
    var a =xw.substring(4) //返回 wangshuaiming.xyz
    
    //当有两个参数时 从下标为4的位置直接到17，但是包含4却不包含17
    //如substring(4,17)其实返回的是下标为4到下标为16的 包头部不包尾部
    var b =xw.substring(4,17) //返回 wangshuaiming

### 截取指定个数的字符串 `sbustr()方法` ###

语法：sbustr(‘从哪个下标开始’,‘截取几个’)  
可以接受负值

var xw = "www.wangshuaiming.xyz"
    
    //当只有一个参数时，从下标为4的位置直接截取到尾部 包含下标为4的
    var a =xw.substr(4) //返回 wangshuaiming.xyz
    
    //当有两个参数时 从下标为4的位置向后截取14个
    var b =xw.substr(4,14) //返回 wangshuaiming
    
    //开始下标可以接受负值（-1 指字符串中最后一个字符，-2 指倒数第二个字符）
    var c =xw.sbustr(-4,4)  //返回 .xyz
    //表示从倒数第四个开始向后截取4个字符

### 字符串分割 `split()方法` ###

`split()截取指定个数的字符串和sbustr()是一样的`  
我们主要介绍他的第二种用法

var xw ='前-端-爱-好-者-小-王'
    
    //我们将字符串当作参数传入时
    var a =xw.split('-')
    consle.log(a)
    //发现此时返回的是一个数组

![示例图片][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxMDc1MDU3_size_16_color_FFFFFF_t_70]  
下次盘点数组的常用方法。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUxMDc1MDU3_size_16_color_FFFFFF_t_70]: /images/20221024/619a40944f274ebc8f2eb107fdabd140.png