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