JavaScript字符串常见操作方法

一、chartAt()

返回指定位置的字符。

var str = "abc"
console.log(str.charAt(1)) //b

二、charCodeAt()

返回在指定位置字符的 Unicode 编码

var str = "abc";
console.log(str.charCodeAt(0)) //97
console.log(str.charCodeAt(1)) //98
console.log(str.charCodeAt(2)) //99

三、concat()

拼接字符串

var str1 = "abc";
var str2 = "def";
var str3 = str1.concat(str2);
console.log(str3); //abcdef

四、indexOf()

检索字符串。并区分大小写！

var str  = "Hello world";
console.log(str.indexOf(hello)); //-1
console.log(str.indexOf(world)); //6

五、match()

在字符串内检索指定的值，可以配合正则使用。返回值为指定的值（字符串），而不是字符串的位置。

var str = "1tianleilei23";
console.log(str.match('23'))// 23
console.log(str.match(/\d+/g))// 1,23

六、replace()

用于在字符串中用指定字符替换掉另一些指定字符，可以与正则表达式一起使用替换匹配的字符串。

var str = "abccba";
console.log(str.replace('a','A')); // Abccba 默认只替换找到的第一个
console.log(str.replace(/a/g,'A')); // AbccbA 替换正则匹配全局的a

七、search()

检索字符串中指定的值，可以配合正则使用与match相似但返回值是匹配到字符串的第一个相匹配的字符串的位置。

var str = "hello World";
console.log(str.search('world')); // -1 对大小写敏感
console.log(str.search(/world/i))// 6 正则匹配忽略大小写

八、slice()

截取字符串的片段，并返回被截取的部分。
str.slice(start,end)
start:要截取的起始下标。如为负数，则从末尾开始开始计算起始位置，-1指最后一个字符，-2指倒数第二个字符，依次类推。
end:紧接着要截取片段的结尾的下标，如未指定，则表示截取从start到结尾所有字符，如为负数则表示从尾部开始算截取位置。
包前不包后

var str = "#abcdef";
console.log(str.slice(1)); // abcdef
console.log(str.slice(1,6))// abcde

九、split()

根据传入字符的位置将字符串分割为数组。
str.split(oprator,num)
oprator:从该参数指定的地方分割
num:指定返回数组的最大长度，多余会被省略，不会返回。

var str = "abcdef";
var str2 = "a=1&b=2&c=3"
console.log(str.split(""))// ["a", "b", "c", "d", "e", "f"]
console.log(str2.split("&"))// ["a=1", "b=2", "c=3"]

十、toLowerCase()

将字符串转换为小写

var str = "AbCd";
console.log(str.toLowerCase()); //abcd

十一、toUpperCase()

将字符串转换为大写

var str = "abcd";
console.log(str.toUpperCase()) //ABCD

十二、substr()

从起始索引截取字符串中指定数目的字符
str.substr(start,length)
注意：第二个参数是一个长度。

var str = "abcdef";
console.log(str.substr(1))// bcdef
console.log(str.substr(1,3))// bcd

十三、substring()

截取字符串中两个指定索引之间的字符
str.substring(start,stop)
注意：第二个参数是一个下标。
包前不包后

var str = "abcdef"
console.log(str.substring(2));// cdef
console.log(str.substring(1,4)) // bcd

相同点：
substr()和substring()在只有第一个参数的时候完全相同。

substr()第二个参数代表截取的字符串的长度，substring()第二个参数代表的是截取字符串的最终位置下标。

十四、includes()、startsWith()、endsWith()

includes()返回布尔值，表示目标字符串是否含有参数字符串。
startsWith()返回布尔值，表示参数字符串是否在目标字符串的头部。
endsWith()返回布尔值，表示参数字符串是否在目标字符串的尾部。

var str = "hello world";
console.log(str.includes("o")) //true
console.log(str.startsWith("h")) //true
console.log(str.endsWith("d")) //true

十五、repeat()

返回一个新字符串，表示目标字符串被重复n次

var str = "x";
str.repeat(3)// xxx

十六、padStart()、padEnd()

补全功能，
指定字符串长度与补充字符后，当字符串长度不够时使用补充字符默认补足字符串至目标长度。

'2'.padStart(2,'0') //02
'30'.padEnd(5,"ab") //30aba

最后编辑于：2020.04.29 23:55:59