美文网首页
总结一下JS操作字符串的方法

总结一下JS操作字符串的方法

作者: 酷酷的凯先生 | 来源:发表于2020-07-06 10:24 被阅读0次

# 1. chartAt() : 返回指定位置的字符

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

# 2. charCodeAt() : 返回在指定位置字符的 Unicode 编码

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

# 3. concat() : 拼接字符串

var str1 = "abc";
var str2 = "123";
var str3 = str1.concat(str2);
console.log(str3); //abc123

# 4. indexOf() : 检索字符串 ( 区分大小写 )

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

# 5. match() : 返回值为指定的值(字符串)

在字符串内检索指定的值,可以配合正则使用
var str = "1tianleilei23";
console.log(str.match('23'))// 23
console.log(str.match(/\d+/g))// 1,23

#6. replace() : 替换掉指定字符

可以与正则表达式一起使用替换匹配的字符串。
var str = "abccba";
console.log(str.replace('a','A')); // Abccba 默认只替换找到的第一个
console.log(str.replace(/a/g,'A')); // AbccbA 替换正则匹配全局的a

# 7.search() : 检索字符串中指定的值

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

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

# 8. 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

# 9. 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"]

# 10. toLowerCase() : 将字符串转换为小写

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

# 11. toUpperCase() : 将字符串转换为大写

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

# 12. substr() : 从起始索引截取字符串中指定数目的字符

str.substr(start,length) ( 第二个参数是一个长度 )

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

# 13. 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()在只有第一个参数的时候完全相同。
substr()第二个参数代表截取的字符串的长度,substring()第二个参数代表的是截取字符串的最终位置下标。

# 14. 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

# 15. repeat() : 返回一个新字符串,表示目标字符串被重复n次

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

16. padStart()、padEnd() : 补全功能

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

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

相关文章

  • 正则

    正则就是用来操作字符串,为了性能尽量使用正则来操作字符串。 js中的字符串操作方法在这里先复习一下: str.sp...

  • js基础了解

    js数组常用遍历方法使用: js数组常用操作方法使用: 基本逻辑运算: 基本字符串操作方法:

  • 总结一下JS操作字符串的方法

    # 1. chartAt() : 返回指定位置的字符 # 2. charCodeAt() : 返回在指定位置字符的...

  • JS字符串方法总结

    JS字符串方法总结 1. length 属性返回字符串的长度 2. indexOf() 方法返回字符串中指...

  • js字符串、数组、对象的学习

    一。字符串 1.20个常用的JavaScript字符串方法2.js字符串方法总结3.Javascript中字符串方...

  • JavaScript 字符串

    js字符串,js字符串的概述和声明,js字符串的特性,js字符串的常用方法,js字符串的拓展方法,js字符串的案例...

  • JS replaceAll

    JS 字符串替换操作有replace() 方法。但是这个方法有些问题,就是只能替换目标字符串中第一个匹配的字符串。...

  • js-数组常用函数

    在这里总结一下JS的数组方法: 1、join()Array.join()方法将数组中所有元素都转化为字符串并连接在...

  • JS截取与分割字符串常用技巧总结

    JS截取与分割字符串常用技巧总结 本文实例讲述了JS截取与分割字符串的常用方法。分享给大家供大家参考,具体如下: ...

  • javaScript的内置对象以及一些常用的方法

    JS内置对象: String对象:字符串对象,提供了对字符串进行操作的属性和方法。Array对象:数组对象,提供了...

网友评论

      本文标题:总结一下JS操作字符串的方法

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