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

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

javascript 复制代码

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(): 提取字符串中介于两个指定下标之间的字符。

javascript 复制代码

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(): 返回从指定下标开始指定长度的的子字符串

javascript 复制代码

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(): 把字符串分割成字符串数组。

javascript 复制代码

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(): 在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

javascript 复制代码

let str = "hello world";
let str1 = str.replace("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(): 返回所有查找的关键字内容的数组。

javascript 复制代码

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() 连接两个或多个字符串。

javascript 复制代码

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() 方法删除字符串两端的空白符。

javascript 复制代码

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

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

javascript 复制代码

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

vue 替换字符串里的字符

示例：我要去除时间里的 -

str的值是2021-11-10 要去除-符号，用下面的replace方法

javascript 复制代码

str.replace(/-/g, "")