【精选】前端常用的字符串方法总结

1、length    属性返回字符串的长度
var txt = "ABCD"
var sln = txt.length  console.log(sln) // 4

2、indexOf  返回字符首次出现的位置 未找到返回-1
var txt = 'andy'
console.log(txt.indexOf(a))    // 0
var txt1 = 'Amy'
console.log(txt1.indexOf(n))    // -1

3、lastIndexOf  返回字符最后出现的位置 未找到返回-1
var txt = 'andy'
console.log(txt.lastIndexOf(a))    // -1
var txt1 = 'Amy'
console.log(txt1.lastIndexOf(m))    // 1

4、search  搜索字符在字符串中的位置 返回下标 未找到返回-1
var txt = 'andy'
console.log(txt.search(a))    // 0

5、slice(start,end) 从start开始下标 提取字符串到结束下标 返回新的字符串 留头不留尾
var str = "Apple, Banana, Mango"
var res = str.slice(7,13)
console.log(res)   // Banana

6、substring(start,end) 从开始下标截取到结束下标 留头不留尾(substring() 无法接受负的索引)
var str = "Apple, Banana, Mango"
var res = str.substring(7,13)
console.log(res)   // Banana

7、substr(index,num) 从下标位置截取num个字符串 substr(index) 传一个下标 截取到最后
(第二个参数规定被提取部分的长度)
var str = "Apple, Banana, Mango"
var res = str.substr(7,6)
console.log(res)   // Banana

8、replace(要替换的字符,替换字符) 通过字符或正则 找到符合规则的字符 并替换
var str = "Please visit Microsoft!"
var n = str.replace("Microsoft", "W3School")
console.log(n)  // "Please visit W3School!"

9、toLowerCase() 字符串转小写
var text1 = "Hello World!"       // 字符串
var text2 = text1.toLowerCase()
console.log(text2)  // "hello world!"

10、toUpperCase() 字符串转大写
var text1 = "Hello World!"      // 字符串
var text2 = text1.toUpperCase()
console.log(text2)  // "HELLO WORLD!"

11、concat(str) 连接一个或多个字符串
var text1 = "Hello"
var text2 = "World"
text3 = text1.concat(" ",text2)
console.log(text3)    //Hello World!

12、trim() 去除字符串首尾的空格
var str = "       Hello World!        "
console.log(str.trim());   // HelloWorld!

13、charAt(index) 方法返回字符串中指定下标(位置)的字符串
var str = "HELLO WORLD"
console.log(str.charAt(0))   // H

14、charCodeAt() 方法返回字符串中指定索引的字符 unicode 编码
var str = "HELLO WORLD"
str.charCodeAt(0)         // 返回 72

15、split("") 用特定字符将字符串分割成数组
var txt = "a,b,c,d,e"  
txt.split("*")           // 返回a*b*c*d*e

16、indexOf() 方法返回指定文本在字符串中第一次出现(的位置)的索引
let str = "Please locate where 'locate' occurs!"
str.indexOf("locate")    // 返回 7

17、lastIndexOf() 方法返回指定文本在字符串中最后一次出现的索引
let str = "Please locate where 'locate' occurs!";
str.lastIndexOf("locate")    // 返回 21

18、match() 方法根据正则表达式在字符串中搜索匹配项,并将匹配项作为 Array 对象返回
let text = "The rain in SPAIN stays mainly in the plain";
text.match(/ain/g)    // 返回数组 [ain,ain,ain]

19、String.includes()   如果字符串包含指定值,includes() 方法返回 true。
let text = "Hello world, welcome to the universe.";
text.includes("world")    // 返回 true

20、String.startsWith() 如果字符串以指定值开头,则 startsWith() 方法返回 true,否则返回 false
let text = "Hello world, welcome to the universe.";
text.startsWith("Hello")   // 返回 true

21、String.endsWith()   如果字符串以指定值结尾,则 endsWith() 方法返回 true,否则返回 false
var text = "John Doe";
text.endsWith("Doe")    // 返回 true

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值