JS 字符串常用方法(截取、替换、拼接)

比眉伴天荒 2023-01-16 06:21 325阅读 0赞

1、slice(): 返回字符串中提取的子字符串。

var str="Hello World";
    var str1=str.slice(2); //如果只有一个参数，则提取开始下标到结尾处的所有字符串
    var str2=str.slice(2,7); //两个参数，提取下标为2，到下标为7但不包含下标为7的字符串
    var str3=str.slice(-7,-2); //如果是负数，-1为字符串的最后一个字符。提取从下标-7开始到下标-2但不包含下标-2的字符串。前一个数要小于后一个数，否则返回空字符串
    var str4=str.slice(1,-2); //如果一个是正数，一个是负数，正数代表从前面开始截取，负数表示截取到从后往前数到第几个字符
    var str5 = str.slice(-3);
     
    console.log(str1); //llo World
    console.log(str2); //llo W
    console.log(str3); //o Wor
    console.log(str4); //ello Wor
    console.log(str5); //rld

2、substring(): 提取字符串中介于两个指定下标之间的字符。

var str="Hello World";
    var str1=str.substring(2)
    var str2=str.substring(2,2);
    var str3=str.substring(2,7);
     
    console.log(str1); //llo World
    console.log(str2); //如果两个参数相等，返回长度为0的空串
    console.log(str3); //llo W

注：substring()用法与slice()一样，但不接受负值的参数

3、substr(): 返回从指定下标开始指定长度的的子字符串

var str="Hello World";
    var str1=str.substr(1)
    var str2=str.substr(1,3);
    var str3=str.substr(-3,2);
    var str4=str.substr(-3);
     
    console.log(str1); //ello World
    console.log(str2); //ell
    console.log(str3); //rl
    console.log(str4); //rld

注：如果没有指定length,返回从下标开始处结尾处的所有字符串

4、split(): 把字符串分割成字符串数组。

var str="AA BB CC DD";
    var string1="1:2:3:4:5";
    var str1=str.split("");//如果把空字符串 ("")用作分割符，那么字符串的每个字符之间都会被分割
    var str2=str.split(" "); //以空格为分隔符
    var str3=str.split("",4); //4指定返回数组的最大长度
    var str4=string1.split(":");
     
    console.log(str1); // ["A", "A", " ", "B", "B", " ", "C", "C", " ", "D", "D"]
    console.log(str2); //["AA" "BB" "CC" "DD"]
    console.log(str3); //["A", "A", " ", "B"]
    console.log(str4); // ["1", "2", "3", "4", "5"]

5、replace(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

let str = "hello world";
    let str1 = str.replace("world", "js"); //  截取内容含‘world’ 修改为 js
    console.log(str1); //hello js
    var str="hello WORLD";
    var reg=/o/ig; //o为要替换的关键字，不能加引号，否则替换不生效，i忽略大小写，g表示全局查找。
    var str1=str.replace(reg,"**")
     
    console.log(str1); //hell** W**RLD

6、match(): 返回所有查找的关键字内容的数组。

var str="To be or not to be";
    var reg=/to/ig;
    var str1=str.match(reg);
     
    console.log(str1); //["To", "to"]
    console.log(str.match("Hello")); //null

7、concat() 连接两个或多个字符串。

var str1 = "Hello";
    var str2 = "World!";
    var str3 = str1.concat(" ",str2);
     
    console.log(str3); //Hello World!
    // concat() 方法可用于代替加运算符
    var text = "Hello" + " " + "World!";
    var text = "Hello".concat(" ","World!");
     
    var text1 = "Hello" + " " + "World!";
    var text2 = "Hello".concat(" ","World!");
    console.log(text1); //Hello World!
    console.log(text2); //Hello World!

所有字符串方法都会返回新字符串。它们不会修改原始字符串。  
字符串是不可变的：字符串不能更改，只能替换

8、trim() 方法删除字符串两端的空白符。

var str = "     Hello World!     ";
    console.log(str.trim()); //Hello World!

9、repeat()方法用于将字符或字符串进行重复。

let str = "hello ".repeat(3) + "js";
    console.log(str); //hello hello hello js