在Js中如何判断一个字符串是否以另外一个字符串为开头

字符串可以说是大多数编程语言中最重要也是最难掌握的一部分，比如在c语言中判断一个字符串是否以另外一个字符串为开头，如果一个一个去比较两个字符串中每一个字符的话，比较麻烦且容错率高。那么在Js中我们如何判断一个字符串是否是以另外一个字符串为开头呢？

一、在JavaScript中，已经有封装好的判断一个字符串是否以另外一个字符串为开头的函数，可以直接调用，非常方便。

<script>
    var str1 = "abcdefg";
    var str2 = "ab";
    //判断str是否以a为开头？
    var num = str1.indexOf(str2);
    //如果返回值为0，表示字符串str1以str2开头
    //如果返回值为非0且非-1，表示字符串str1不是以str2开头
    //如果返回值为-1，表示字符串str1的子串中没有str2（即str1与str2不存在公共部分）
    alert(num);//此时num=0
</script>

indexOf()这个函数的返回值表示的是传进的参数字符串在调用者字符串中首次出现的位置（索引值），要特别注意理解返回值是 -1 时的含义。

二、ES6又提供了3种新方法

• includes()：返回布尔值，表示是否找到了参数字符串
• startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部
• endWith()：返回布尔值，表示参数字符串是否在源字符串的尾部

请看举例：

let s = 'Hello world!';

s.startsWith('Hello') // true
s.endsWith('!') // true
s.includes('o') // true

这三个方法都支持第二个参数，表示开始搜索的位置。

let s = 'Hello world!';

s.startsWith('world', 6) // true
s.endsWith('Hello', 5) // true
s.includes('Hello', 6) // false

上面代码表示，使用第二个参数n时，endsWith的行为与其他两个方法有所不同。它针对前n个字符，而其他两个方法针对从第n个位置直到字符串结束。