前端javascript中字符串的总结

Posted 2020-09-30

1.截取方法

截取字符串的abcdefg中的efg.

注意:str.length从1的开始数

 var str="abcdefg";

(1).slice() : console.log(str.slice(4,7)); //efg第一个参数开始,第二个参数结束并且取不到.遇到负数把length和负数相加

(2)Substr() : str.substr(4,3); //efg 第一个参数开始,第二个参数是长度

(3)Substring() : str.substring(4,7) ;//efg 第一个参数开始,第二个参数结束并且取不到,遇到负数,把负数变0,两个参数交换位置

2.字符方法

(1)charAt() :str.charAt(4); //e获取指位置处的字符

(2)Str[4]:这种方法与charAt等效, IE8以上支持

(3)Trim():只能去除字符串前后的空白

3.位置方法

var str="abadefg";

(1)indexOf:str.indexOf("a",1);//2结果是”a”的下标  ( 要查询的字符 , 开始查找的位置 )

(2)Replace:str.replace("a","1"); //1bacdewd 只能替换一个  ( 要替换掉的字符 , 新字符)

 

(3)Concat():str.concat(str1) ;//abacdewdting 连接字符串

 

如:var str="abacdewd";

 

  var str1="ting";

 

console.log(str.concat(str1));

 

4.分隔方法

(1)Split(): 把字符串切割成字符数组

如:var str="ab|cdef|g";  console.log(str.split("|"))

结果: ["ab", "cdef", "g"]

(2)替换类名

1.先获取元素的类名

2.使用split按照空格分隔开每一个类名，得到类名数组

3遍历类名数组，判断当前遍历的类名是否与目标类名相等，若相等则改变当前元素值为新类名

4.使用数组的join方法把数组中每个类名以空格连接

(3)查找类名

1.通过getElementsByTagName和通配符“*”，获取目标元素之内所有的标签为一个伪数组集合

2.遍历伪数组，判断遍历到的元素是否有目标类名，若具有目标类名，使用提前声明的数组存储

(a)使用split按照空格分隔开每一个类名，得到类名数组

(b)遍历类名数组，判断当前遍历的类名是否与目标类名相等，若相等则说明当前 元素具有这个类名

(c)使用提前声明的数组存储过滤到的元素

3.返回过滤数组

(4) 大小写转换方法

toUpperCase()：把字符串中的小写字符转换为大写

toLowerCase()：把字符串中的大写字符转换为小写

toLocaleUpperCase()：按照本地方法，把字符串中的小写字符转换为大写

toLocaleLowerCase()：按照本地方法，把字符串中的大写字符转换为小写