length
:获取字符串的长度
// 获取字符串的长度 let str = 'hello'; let len = str.length; console.log(len); // 5
通过索引值index访问字符串中的每个字符 索引值index从 0 开始
JS// 通过索引值获取字符串中的某个字符 console.log(str[1]); // e console.log(str[2]); // l
说明:返回指定索引位置的字符
JSlet ziFu = 'hello'; console.log(ziFu.charAt(1)); // e
说明: 连接两个或多个字符串,返回连接后的字符串
JSlet str1 = 'hello', str2 = 'world', str3 = '你好'; let res = str1.concat(str2,str3,str2,str3); console.log(res); console.log(str1); // helloworld你好world你好 // hello
说明:返回字符串中检索指定字符第一次出现的位置,如果不存在返回 -1
JSlet str = '2helloa world 123'; let first = str.indexOf('a'); console.log(`a第一次出现的位置是${first}`); // a第一次出现的位置是6JS
// 应用1: 通过这个方法可以判断字符串中的某个字符是否只出现一次 第一次出现位置的索引值和最后一次出现位置的索引值是相等的 let first1 = str.indexOf('2');// 第一次出现的位置 let last = str.lastIndexOf('2');//第二次出现的位置 let first2 = str.indexOf('world');// console.log(first1,last,first2); // 0 15 8
说明:返回字符串中检索指定字符最后一次出现的位置,如果不存在返回 -1
JS//indexOf() lastIndexOf() 如果检索的字符不存在 则返回 -1 ; //应用2:通过这两个方法可以判断字符串中是否存在指定的字符 , 存在返回索引值,不存在 返回 -1 let first = str.indexOf('Q') ; let last = str.lastIndexOf('Q') ; console.log(first, last);//-1 -1
说明:提取字符串的片断,并在新的字符串中返回被提取的部分
JS// slice(startIndex, endIndex) (截取字符串) 提取字符串的片断,并在新的字符串中返回被提取的部分 let html = 'hello world'; // 1.包前不包后 // 包前(包含起点索引值位置的字符)不包后 (不包含终点索引值位置的字符) let test = html.slice(0,3) console.log(test);//hel // 2.一个参数: 意味着从起点索引值位置开始向后截取整个字符串 let test2 = html.slice(3); console.log(test2);//lo world // 3.能接受负数作为参数:意味着倒着截取字符串 let test3 = html.slice(-5); console.log(test3);//world let test4 = html.slice(-5,-2); console.log(test4);//wor // 4.终点索引值超出字符串的长度,则意味着 从起点索引值位置开始向后截取整个字符串 let test5 = html.slice(8,20); console.log(test5);//rld // 5.起点是正值,终点是负值 , 意味着截取起点和终点之间所有的字符串(不需要考虑字符串的长度) let test6= html.slice(8,-2); console.log(test6);//r // 6.起点超出字符串的长度,则截取失败 let test7 = html.slice(10,-2); console.log(test7);
substr(startIndex, length)
startIndex:
截取的起点索引值 必选项
length:
截取的长度 可选项
说明:截取指定长度的字符串,得到的结果是截取后的字符串
JSlet html = 'hello world'; // 1. 从指定的索引值为开始截取指定长度的字符串 let test8 = html.substr(2,3) console.log(test8);//llo // 2.一个参数: 从起点开始向后截取整个字符串 let test9 = html.substr(3); console.log(test9);//lo world // 3.可以接受负数, 意味着倒着截取字符串 let test10 = html.substr(-10,3); console.log(test10);//ell // 4.指定的长度超出字符串长度,从指定的索引值为开始截取整个字符串 let test11 = html.substr(4,20); console.log(test11);//o world
substring(startIndex, endIndex)
截取字符串,得到的结果是截取后的新字符串startIndex:
截取字符串起点的索引值, 必选项endIndex:
截取字符串终点的索引值 , 可选项
说明:提取字符串中两个指定的索引号之间的字符
JS// 1. 截取字符串: 包前(包含起点索引值位置的字符)不包后 (不包含终点索引值位置的字符) let test12 = html.substring(0,3); console.log(test12);//hel // 2. 一个参数:意味着从起点索引值位置开始向后截取整个字符串 let test13 = html.substring(2); console.log(test13);//llo world // 3.不能接受负数 let test14 = html.substring(-10); console.log(test14);//hello world // 4.终点索引值超出字符串的长度,则意味着 从起点索引值位置开始向后截取整个字符串 let test15 = html.substring(9, 20); console.log(test15);//ld
说明:split(参数) 把字符串分割为子字符串数组
参数: 参数是分割的标识,也可以接受一个正则表达式作为参数
JSvar tit = 'hello abc world'; //传入具体的字符串,则以该字符串作为分割的标识, 分割后生成的数组中不包含传入的字符串 var test16 = tit.split('o'); console.log(test16); //[ 'hell', ' abc w', 'rld' ] var test17 =tit.split('abc'); console.log(test17); //[ 'hello ', ' world' ] // 传入空字符串 : 逐位分割 var test18 = tit.split(''); console.log(test18); //['h', 'e', 'l', 'l', 'o', ' ', 'a', 'b', 'c', ' ', 'w', 'o', 'r', 'l', 'd']
说明:把字符串转换为小写
JSvar tit2 = 'hello WORLD'; // toLowerCase() 把字符串转换为小写 console.log(tit2.toLowerCase());//hello world
说明:把字符串转换为大写
JS// toUpperCase() 把字符串转换为大写 console.log(tit2.toUpperCase());//HELLO WORLD
说明:移除字符串首尾空白
JSvar tit3 =' hello world '; // 输出字符 console.log(tit3);// hello world //输出字符长度 console.log(tit3.length);//21 //输出移除首尾空白后的字符 console.log(tit3.trim());//hello world var test19 = tit3.trim(); // 输出移除首尾空白后的字符长度 console.log(test19.length);//11
replace(patt, newStr)
说明:替换与正则表达式匹配的子串
patt
第一个参数是正则表达式 / 原字符
newStr
替换的字符串
//使用指定的字符串newStr替换匹配patt的字符串 var tit4 = 'hello world wo de'; var test20 = tit4.replace('o', '88'); console.log(test20);//hell88 world wo de //通过正则匹配要替换的字符串 var test21 = tit4.replace(/o/gi, '88'); console.log(test21);// hell88 w88rld w88 de
检索与正则表达式相匹配的值
找到一个或多个正则表达式的匹配