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
以上为个人总结的一些关于字符串的方法，如果有其他常用的方法，欢迎大家留言评论，一起学习交流！！
