美文网首页JavaScript基础学习
JavaScript字符串常见操作方法

JavaScript字符串常见操作方法

作者: Mstian | 来源:发表于2020-04-29 22:40 被阅读0次

一、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

相关文章

网友评论

    本文标题:JavaScript字符串常见操作方法

    本文链接:https://www.haomeiwen.com/subject/jxbowhtx.html