JavaScript 之常用字符串方法及使用技巧

心语：趁着年轻，多出去走走看看。读万卷书，不如行万里路，行万里路，不如阅人无数

在我们日常开发中，我们经常会处理各种各样的数据，而在Javacript而言，是核心，也是基础中的重中之重，这篇文章我将总结一些常用的字符串的方法，内容比较多，小编建议小伙伴们可以先收藏在学习。

首先，我先以一张思维导图来带领小伙伴们来了解以及学习Javascript中字符串的方法。

看到这副思维导图是不是发现字符串原来有这么多的方法呢？不过不要慌，慢慢学习慢慢接触自然就会全部掌握了，接下来，来进行真正的学习吧。

1.获取字符串长度

在Javascript中，除了数组length属性，字符串其实同样有length属性，那我们如何能获取字符串的长度呢？

var name="幕筱佳";
name.length // 通过length属性获取长度，为3

2.获取字符串指定位置的值

1. charAt() 方法获取到的是指定位置的字符

var str = "我爱我家"
str.charAt(3)     // 家

2. charCodeAt()

方法获取的是指定位置字符的Unicode值。返回值是 0 - 65535 之间的整数，表示给定索引处的 UTF-16 代码单元，如果指定位置没有字符，将返回 NaN。

var str = "abcdefg";
console.log(str.charCodeAt(1)); // "b" --> 98(Unicode值)

3.检索字符串是否包含特定序列

1. indexOf () 查找某个字符，有则返回第一次匹配到的位置，否则返回-1

string.indexOf(searchvalue,fromindex)

该方法接受两个参数：

1. searchvalue：必需，规定需检索的字符串值；
2. fromindex：可选的整数参数，规定在字符串中开始检索的位置。它的合法取值是 0 到 string.length - 1。如省略该，则从字符串的首字符开始检索。

let str = "hello world"
console.log(sttr.indexOf("o"))   // 4
console.log(sttr.indexOf("x"))  // 不存在,输出 -1 
console.log(sttr.indexOf("o",5))   // 6

2. lastIndexOf() 查找某个字符，有则返回最后一次匹配到的位置，否则返回-1

该方法和indexOf()类似，只是查找的顺序不一样，indexOf()是正序查找，lastIndexOf()是逆序查找。

var str = "abcabc";
console.log(str.lastIndexOf("a"));  // 输出结果：3,这里会从后往前查找，返回查找值的索引
console.log(str.lastIndexOf("z"));  // 输出结果：-1

3. includes() 该方法用于判断字符串是否包含指定的子字符串。如果找到匹配的字符串则返回 true，否则返回 false

string.includes(searchvalue, start)

该方法有两个参数：

• searchvalue：必需，要查找的字符串；
• start：可选，设置从那个位置开始查找，默认为 0。

var str = 'Hello world!';

str.includes('o')  // 输出结果：true
str.includes('z')  // 输出结果：false
str.includes('e', 2)  // 输出结果：false

4. startsWith()

该方法用于检测字符串是否以指定的子字符串开始。如果是以指定的子字符串开头返回 true，否则 false。其语法和上面的includes()方法一样。

string.endsWith(searchvalue, length)
<