字符串对象

字符串对象

4.1 创建字符串对象

• 字面量创建

 // 1.字面量创建 (包装类对象 是使用字符串的方法的之后 会暂时将自己伪装成一个对象)
        var str1 = "0711web";
        console.log(str1);//0711web
        console.log(typeof str1);// string
        console.log(str1.length);// 7
      

• new关键字创建

  // 2.new 关键字创建
        var str2 =  new String("0711web");
        console.log(str2);//String {'0711web'}
        console.log(typeof str2);// object
        console.log(str2.length);//7

4.2 字符串的方法

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("、"));// ['澄邈', '德泽', '海超']