10、基本引用类型之String

生命之旅，不能用双眸在别人的故事里捕捉生活的点滴。要以自己的双手，创造属于自己的梦。
本人是一名菜鸡前端爱好者，在前端的道路上摇摇晃晃已经走过了小几个月的时间，最进决定看一看前端经典书籍，以下是本人笔记，还望大家指正。

1、基本简介

String是对应字符串的引用类型。

要创建一个字符串对象，使用其构造函数并传入一个参数数值。

例如：let stringObject = new String("hello world");

共有属性：都会有一个length属性，表示字符串的长度。

toString()、toLocalString()、valueOf()都返回字符串原始值。

2、JavaScript字符串

JavaScript字符串是由16位码元组成的，也就是说，每一个字符就对应16位码元。

共有属性length表示的就是字符串的长度，也就是说表示包含多少个16位码元。

3、查找字符串方法 charAt()：返回给定索引位置的字符串。

let str = "abcde";
console.log(str.charAt(0)); // a

charCodeAt()：返回指定索引的码元值。

let str = "abcde";
console.log(str.charCodeAt(0)); // 97

4、字符串 *** 作方法 1、拼接字符串 concat()：用于将一个字符串或多个字符串拼接为一个新的字符串。参数：可以是单个，也可以是多个，多个使用逗号隔开。

let str0 = "hello";
let str1 = "world";
let res = str0.concat(str1);
console.log(res); // "helloworld";

2、提取字符串 1、slice()

返回字符串的一个子串。

参数:第一个参数表示截取的开始位置，第二个参数表示截取的结束位置。

如果只传一个参数表示从该位置(包含该位置)开始截取，到字符串结尾。

如果传入两个参数，表示从该位置（包含该位置）开始截取，到给定的结束位置（不包含该结束位置）。

如果参数是负值，则JavaScript会自动将所有的负值转为字符串长度加上该负值

let str = "hello world";
console.log(str.slice(3)); // "lo world"
console.log(str.slice(3, 7)); // "lo w"
// 注意：这里的空格也算一个字符哦！

2、substr()

返回字符串的一个子串。

参数:第一个参数表示截取的开始位置，第二个参数表示截取的结束位置。

如果只传一个参数表示从该位置(包含该位置)开始截取，到字符串结尾。

如果传入两个参数，表示从该位置（包含该位置）开始截取，到给定的结束位置（不包含该结束位置）。

如果是负值，第一个参数转为字符串长度加上该负值，第二个参数转为0。

let str = "hello world";
console.log(str.substr(3)); // "lo world"
console.log(str.substr(3, 7)); // "lo w"
// 注意：这里的空格也算一个字符哦！

3、subString()

返回字符串的一个子串。

参数:第一个参数表示截取的开始位置，第二个参数表示截取的长度。

如果只传一个参数表示从该位置(包含该位置)开始截取，到字符串结尾。

如果传入两个参数，表示从该位置（包含该位置）开始截取，截取给定长度。

如果是负值，全部转为0

let str = "hello world";
console.log(str.substr(3)); // "lo world"
console.log(str.substr(3, 7)); // "lo worl"
// 注意：这里的空格也算一个字符哦！

3、字符串位置方法 1、indexOf()

从字符串开头开始在字符串中搜索传入的字符串。

返回值：如果找到就返回该字符串，如果没有找到返回-1

如果传入第二个参数，表示从该位置开始向字符串尾部检索

let str = "hello world";
console.log(str.indexOf(0)); // "h"
console.log(str.indexOf(11)); // -1

2、lastIndexOf()

从字符串结尾开始在字符串中搜索传入的字符串。

返回值：如果找到就返回该字符串，如果没有找到返回-1

如果传入第二个参数，表示从该位置开始向字符串头部检索

let str = "hello world";
console.log(str.lastindexOf(0)); // "h"
console.log(str.lastindexOf(11)); // -1

4、字符串包含方法 1、startsWith()

用于判断字符串中是否包含给定的字符串。

返回值：布尔值

检查开始于索引0的匹配项。

可以收第二个参数，表示从哪里开始检查。

let message = "foobarbaz";
console.log(message.startsWith("foo")) //true
console.log(message.startsWith("bar")) // false

2、endsWith()

用于判断字符串中是否包含给定的字符串。

返回值：布尔值

检查开始于索引（string.length-substring.length）的匹配项。

let message = "foobarbaz";
console.log(message.endWith("baz")) //true
console.log(message.endWith("bar")) // false

3、includes()

用于判断字符串中是否包含给定的字符串。

返回值：布尔值

检查整个字符串。

可以收第二个参数，表示从哪里开始检查。

let message = "foobarbaz";
console.log(message.endWith("bar")) //true
console.log(message.endWith("quc")) // false

5、去除空格 1、 trim()

去除字符串的前后空格。

let message = "     foobarbaz    ";
console.log(trim(message)); // "foobarbaz"

2、trimLeft()

从字符串左边开始去除空格。

3、trimRight()

从字符串右边开始去除空格。

6、复制字符串 1、repeat()方法

传入一个整数参数，表示将该字符串复制多少次。

返回值：返回复制后的并且拼接结果的字符串

let str = "ab";
console.log(str.repeat(2)); // "abab"

2、padStart()

let stringValue = "foo";
console.log(stringValue.padStart(6)); // " foo"
console.log(stringValue.padStart(9, ".")); // "......foo"

3、padEnd()

console.log(stringValue.padEnd(6)); // "foo "
console.log(stringValue.padEnd(9, ".")); // "foo......" 

7、字符串大小写转换 1、toLowerCase()

let stringValue = "hello world";
console.log(stringValue.toLowerCase()); // "hello world" 

2、toLocaleLowerCase()

let stringValue = "hello world";
console.log(stringValue.toLocaleLowerCase()); // "hello world"

3、toUpperCase()

let stringValue = "hello world";
console.log(stringValue.toUpperCase()); // "HELLO WORLD"

4、toLocaleUpperCase()

let stringValue = "hello world";
console.log(stringValue.toLocaleUpperCase()); // "HELLO WORLD"