17个常用字符串方法及使用方式
1 chartAt()方法
<script type='text/javascript'>
var str = "hello word"
console.log(str.charAt(3)) // l
</script>
chartAt(x)返回字符串中x位置的字符,下标从0开始
2 charCodeAt()方法
<script type='text/javascript'>
var str = "hello word"
console.log(str.charCodeAt(3)) // 108
</script>
</script>
charCodeAt(x)返回字符串中x位置字符的unicode值
3 concat()方法
<script type='text/javascript'>
var str = "hello word!"
console.log(str.concat("你好","china"))
// hello word!你好china
</script>
concat()方法用于拼接一个或多个字符串,不改变原字符串,返回的是拼接后的新字符串
4 indexOf(需要查找的字符串,start开始的位置)方法
<script type='text/javascript'>
var str = "hello word!"
console.log(str.indexOf("w")) //6
</script>
indexOf()方法搜索字符串中是否包含某个值,如果找到则返回该数值的下标(索引),如果没有找到就返回-1,start是一个可选参数,指定字符串开始搜索的位置,默认值为0
5 lastIndexOf(需要查找的字符串,start开始的位置)方法
<script type='text/javascript'>
var str = "hello wowrd!"
console.log(str.lastIndexOf("w")) //8
</script>
lastIndexOf方法返回指定文本在字符串中最后一次出现的索引,如果没有找到,则返回-1,start是一个可选参数,指定字符串开始搜索的位置,默认值为string.length-1
6 startsWith()方法
<script type='text/javascript'>
let str = "qwertyui";
console.log(str.startsWith("w"))//false
</script>
检测字符串是否以····开头startsWith() 返回值为boolean
7 endsWith()方法
<script type='text/javascript'>
let str = "qwertyui";
console.log(str.endsWith("yui"))//true
</script>
检测字符串是否以····结尾endsWith() 返回值为boolean
8 repeat()方法
<script type='text/javascript'>
let str = "最可爱";
console.log(str.repeat(5))
//最可爱最可爱最可爱最可爱最可爱
</script>
重复字符串repeat(要拷贝的次数)
9 padStart()方法
<script type='text/javascript'>
console.log("h".padStart(3, "wj"))
//wjh
</script>
padStart()方法,往前填充字符串(3为填充后的长度,wj为填充的内容)
10 padEnd()方法
<script type='text/javascript'>
console.log("就叫".padEnd(5, "王可爱"))
//就叫王可爱
</script>
padEnd()方法,往后填充字符串(5为填充后的长度)
11 replace()方法
<script type='text/javascript'>
var str = "html javascript vue"
var str1 = str.replace(/javascript/i, "css")
console.log(str1)
//html css vue
</script>
replace()方法用于在字符串中用一些字符替换另外一些字符,或替换一个与正则表达式匹配的子串
12 slice(start,end)方法
<script type='text/javascript'>
var str = "html javascript vue"
console.log(str.slice(0,3))//htm
</script>
slice方法可以提取字符串的的某个部分返回一个新的字符串,字符串从start开始(包括start)到end结束,但是不包括end为止的所有字符
13 string.split()方法
<script type='text/javascript'>
var str = "How are you doing today?";
var n = str.split(" ");
console.log(n)
// ["How", "are", "you", "doing", "today?"]
</script>
split() 方法用于把一个字符串分割成字符串数组。
如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。 split() 方法不改变原始字符串。
14 substring(from,to) 方法方法
<script type='text/javascript'>
var str = "Hello world!";
document.write(str.substring(3) + "<br>");//lo world!
document.write(str.substring(3, 7));// lo w
</script>
substring() 方法用于提取字符串中介于两个指定下标之间的字符。
substring() 方法返回的子串包括 开始 处的字符,但不包括 结束 处的字符。
15 toUpperCase()方法
<script type='text/javascript'>
var str = "Hello world!";
document.write(str.toUpperCase());//HELLO WORLD!
</script>
toUpperCase()方法把英文字符串转化为大写
16 toLowerCase()方法
<script type='text/javascript'>
var str = "Hello world!";
document.write(str.toLowerCase());//hello world!
</script>
toLowerCase()方法把英文字符串转化为小写
17 includes()方法
<script type='text/javascript'>
var str = "Hello world!";
let b = str.includes('Hello');
console.log(b)//true
</script>
includes()方法查看数组中是否包括某个值 结果为true 或 false
以上为个人总结的一些关于字符串的方法,如果有其他常用的方法,欢迎大家留言评论,一起学习交流!!