字符串的方法

length

• 获取字符串长度

charAt

• 语法：str.charAt(下标)
• 作用 ：获取下标对应的字符

// length
        console.log(str1.length);//7
        // charAt(下标)
        console.log(str1.charAt(6));//b

charCodeAt

• 语法：str.charCodeAt(下标)
• 作用 ：获取下标对应的字符编码

// charCodeAt(下标)  "A"----65  "a"----97   "0"----48
        console.log(str1.charCodeAt(0));//48

indexOf

从左往右查找

• 语法：str.indexOf(searchValue,index)
• 作用 ：查询一个字符串在另一个字符串中首次出现的位置 如果出现则是返回该字符串的下标位置 没有找到则是返回-1
• 参数
  • searchValue：必需参数 需要查询的字符串
  • index：可选值 开始查找的位置 默认是从下标0开始查找

// indexof
        var str2 = "webuiwebuiwebui";
        var s = "ui";
        console.log(str2.indexOf(s));// 3   ui的u的下标

        var s1 = "java"
        console.log(str2.indexOf(s1));// -1 

        var s3 = "ui";
        console.log(str2.indexOf(s3,5));//8 

        var str3 = "uiwebui";
        var s4 = "ui";
        console.log(str3.indexOf(s4));//0

 

lastindexof

从右往左查找

• 语法 ：str.lastindexOf(searchvalue,index)

• 作用 ：从字符串后面开始往前查找第一次出现的目标位置 如果找到返回正常的索引值 如果找不到则是返回-1

• 参数

  • searchValue： 必需参数 需要查询的字符串
  • index：可选值 开始查找的位置 默认是从str.length-1开始查找

// lastindexOf  了解
        var  str = "webuiwebjava";
        var  s1 = "web"
        console.log(str.lastIndexOf(s1));//5
        console.log(str.lastIndexOf(s1,3));//0

 

字符串截取方法 

 

substring

• 语法：str.substring(start,end)
• 作用：截取介于两个指定下标之间的字符 包括start不包括end
• 参数
  • start 开始截取的下标 可选值 默认是0
  • end 结束截取的下标 可选值 默认是str.length

// 1.substring(start,end)
        var str1 = "webuiwebuiwebui";
        console.log(str1.substring());// webuiwebuiwebui
        console.log(str1.substring(2));// buiwebuiwebui
        console.log(str1.substring(2,4));// bu

 

slice

• 语法：str.slice(start,end)
• 作用：截取介于两个指定下标之间的字符 包括start不包括end
• 参数
  • start 开始截取的下标 可选值 默认是0
  • end 结束截取的下标 可选值 默认是str.length

// 2.slice(start,end)
        var str2 = "webuiwebuiwebui";
        console.log(str2.slice());//webuiwebuiwebui
        console.log(str2.slice(3));//uiwebuiwebui
        console.log(str2.slice(3,6));//uiw

 

slice和substring的区别

• substring 会自动调整位置 slice不会自动调整位置
• substring 碰见负数会默认为0 slice碰见负数认为倒数第几个

// 3.区别
        var str3 = "abcdefg";
        console.log(str3.substring(2,0));//ab  自动调整位置 (0,2)
        console.log(str3.slice(2,0));//" " 不会自动调整位置

        console.log(str3.substring(2,-1));//ab   负数会默认为是0
        console.log(str3.slice(2,-1));//cdef     负数默认为倒数第几个

        var str4 = ["[object Object]","[object Function]","[object Array]"];
        console.log(str4[0].slice(8,-1));//Object
        console.log(str4[1].slice(8,-1));//Function
        console.log(str4[2].slice(8,-1));//Array
        for(var i = 0;i<str4.length;i++){
            console.log(str4[i].slice(8,-1))
        }

 

substr

• 语法 str.substr(start,length)
• 作用：从哪开始截取 截取几个

var str = "110123200010010987";
 console.log(str.substr(6,4))// 2000

 

大小写转换

toUpperCase

• 语法 str.toUpperCase() 转大写

toLowerCase

• 语法 str.toLowerCase() 转小写

• 验证码不区分大小写

<script>
        var str = "ABcdeff";
        console.log(str.toUpperCase());"ABCDEFF"; //转大写
        console.log(str.toLowerCase());"abcdeff"; //转小写
        // 验证码不区分大小写
        var str1 = "OpXy";  //系统给的验证码
        var  str2 = "apxy";  //用户输入的验证码
        if(str1.toLowerCase() == str2.toLowerCase()){   
            console.log("用户输入正确")
        }
    </script>

replace

• 语法 str.replace(searchValue,replaceValue)
• 作用 替换字符串中的某个字符 返回一个新的字符串 默认一次只能替换一个
• 参数
  • searchValue 必需 将要被替换的字符串
  • replaceValue 必需 替换的字符

// replace(searchValue,replaceValue)
        var str = "Webuiwebuiwebui";
        var newStr =  str.replace("web","java");//将web字符串替换成java
        console.log(newStr,str)

trim

• 语法 str.trim()
• 作用 去除字符串的首尾空格

// trim 去除字符串的首尾空格
        var  str = "  webui  webui   ";
        console.log(str.trim());

split

• 语法：str.split(分割标识)
• 作用：将字符串根据特定标识分割成数组

// split 将字符串根据特定标识分割成数组
        var date = "2022-9-1";//  [2022,9,1]
        var newDate =  date.split("-");
        console.log(newDate,date);// ['2022', '9', '1'] '2022-9-1'
        var name = "澄邈、德泽、海超"
        console.log(name.split("、"));// ['澄邈', '德泽', '海超']