js 字符串常用的方法和操作

古城微笑少年丶 2023-02-24 13:30 2阅读 0赞

**常用的字符串操作**

**1、获取字符串长度**

var mystr="hellow word";
    var arrLength=mystr.length; //11

**2、字符串反转**  
先把字符串split打散成数组，reverse使数组反转再用join拼接成字符串

var str='hellow world';
    var str2=str.split('').reverse().join('');
    console.log(str2) //"dlrow wolleh"

**3、字符串去重**  
String.split() 执行的操作与 Array.join 执行的操作是相反的  
split() 方法用于把一个字符串分割成字符串数组。  
join方法用于将字符串数组连接成一个字符串  
如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

**4、判断字符串中字符出现的次数**  
1.先实现字符串去重  
2.然后对去重后的数组用for循环操作，分别与原始数组中各个值进行比较，如果相等则count++,循环结束将count保存在sum数组中，然后将count重置为0  
3.这样一来去重后的数组中的元素在原数组中出现的次数与sum数组中的元素是一一对应的

**字符串常用的操作函数**

**1、 slice方法、substring方法、substr方法**  
slice方法：第一个参数指定子字符串开始位置，第二个参数表示子字符串最后一个字符后面的位置  
substring方法：第一个参数指定子字符串开始位置，第二个参数表示子字符串最后一个字符后面的位置  
substr方法：第一个参数指定子字符串开始位置，第二个参数表示返回的字符个数  
这三个方法都会返回被操作字符串的一个子字符串，都接收一或两个参数  
如果没有给这些方法传递第二个参数，则将字符串的长度作为结束位置。这些方法也不会修改字符串本身，只是返回一个基本类型的字符串值

var str="hello world";
        console.log(str.slice(3));//lo world
        console.log(str.substring(3));//lo world
        console.log(str.substr(3));//lo world
        console.log(str.slice(3,7));//lo w 7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾
        console.log(str.substring(3,7));//lo w
        console.log(str.substr(3,7));//lo worl 7表示返回7个字符
        console.log(str.slice(3,-4));//lo w -4+11=7表示子字符串最后一个字符后面的位置 简单理解就是包含头不包含尾
        console.log(str.substring(3,-4));//hel 会转换为console.log(str.substring(3,0));
        //此外由于这个方法会将较小数作为开始位置，较大数作为结束位置，所以相当于调用console.log(str.substring(0,3));
        console.log(str.substr(3,-4));//""空字符串
        console.log(str.substring(3,0));

**2、replace方法**

var str="hello,world";
        var res=str.replace(","," ");//第一个参数是字符串，所以只会替换第一个子字符串
        console.log(res); //hello world
        var res1=str.replace(/l/g,"L");//第一个参数是正则表达式，所以会替换所有的子字符串
        console.log(res1); //heLLo,worLd

**3、split方法**  
split方法是基于指定的字符，将字符串分割成字符串数组  
当指定的字符为空字符串时，将会分隔整个字符串

var str="red,blue,green,yellow";
        console.log(str.split(","));//["red", "blue", "green", "yellow"]
        console.log(str.split(",",2));//["red", "blue"] 第二个参数用来限制数组大小
        console.log(str.split(/[^\,]+/));// ["", ",", ",", ",", ""]
        //第一项和最后一项为空字符串是因为正则表达式指定的分隔符出现在了子字符串的开头，即"red"和"yellow"

**4、indexOf方法 、lastIndexOf方法**  
indexOf方法和lastIndexOf方法都是从一个字符串中搜索给定的子字符串，然后返回子字符串的位置，如果没有找到，则返回-1  
indexOf方法是从字符串的开头向后搜索子字符串，lastIndexOf方法正好相反  
这两个方法都可以接收两个参数：要查找的子字符串和查找的位置

var str="hello world";
        console.log(str.indexOf("o"));//4
        console.log(str.lastIndexOf("o"));//7
        console.log(str.indexOf("o",6));//7
        console.log(str.lastIndexOf("o",6));//4

**5、trim方法**  
trim方法用来删除字符串前后的空格

var str=" hello world ";
        console.log('('+str.trim()+')'); //(hello world)
        console.log('('+str+')'); //( hello world )

**6、toLowerCase方法、toUpperCase方法**  
字符串大小写转换

var str="HELLO world";
        console.log(str.toLowerCase());//hello world
        console.log(str.toUpperCase());//HELLO WORLD

**7、match方法、search方法**  
match方法：只接受一个参数，由字符串或RegExp对象指定的一个正则表达式  
search方法：只接受一个参数，由字符串或RegExp对象指定的一个正则表达式  
search方法返回字符串中第一个匹配项的索引，如果没有匹配项，返回-1

var str="hello world";
        var matchStr='ll';
        var matches=str.match(matchStr);
        console.log(matches.index);// 2
        console.log(matches[0]);// ll
        var pos=str.search('ell');
        console.log(pos);//1 1表示ell字符串在原来字符串中第一次出现的位置

**8、concat 方法**  
虽然concat方法是专门用来拼接字符串的，但是实践中我们使用最多的还是加操作符+，因为其简易便行

var str="hello ";
        var res=str.concat("world");
        console.log(res);//hello world
        console.log(str);//hello 原来字符串的值没有改变
        var res1=str.concat("world","!");
        console.log(res1);//hello world! concat方法可以接收任意多个参数

**9、charAt方法 和charCodeAt方法**  
charAt方法和charCodeAt方法都接收一个参数，基于0的字符位置  
charAt方法是以单字符字符串的形式返回给定位置的那个字符  
charCodeAt方法获取到的不是字符而是字符编码

var str="hello world";
      console.log(str.charAt(1));//e
      console.log(str.charCodeAt(1));//101
      //还可以使用方括号加数字索引来访问字符串中特定的字符
      console.log(str[1]);//e

写在最后 欢迎大家留言补充~