带你读书之“红宝书”：第五章 基本引用类型⑧

「这是我参与2022首次更文挑战的第29天，活动详情查看：2022首次更文挑战」

写在前头

大多数小伙伴看技术书籍都会用“啃”来描述读书的直观感受，当然我也是一个前端小白，白的透明那种，但是我在读技术书籍感觉到“啃”的时候，我希望把我啃红宝书第四版的过程的想法，总结带给大家，以供后来者能够更快上手。

注： 本文由于作者水平原因，如有错误之处，恳请大家指正,另外随着学习的深入，体会的加深，我会不断回来更新，修改这类文章。

思维导图

简述

引用类型虽然有点像类，但跟类并不是一个概念。还是得区分开来，引用类型就是一个模子，可以用这个模子造出很多东西。

5.3. 原始值包装类型

5.3.3. String

9. 字符串迭代与解构

• 迭代

手动迭代

 let string = "abc";
 let stringIterator = string[Symbol.iterator];
 
 console.log("stringIterator.next()"); // a
 console.log("stringIterator.next()"); // b
 console.log("stringIterator.next()"); // c
 console.log("stringIterator.next()"); // undefined

输出的内容会迭代，不会一直一样。

• 解构

使用解构操作符

let string = "1234";

console.log([...string]); // ["1","2","3","4"]

10. 字符串大小写转换

• 通用方法

  ①大写toUpperCase()

  ②小写toLowerCase()

  let string = "Hello";
  
  console.log(string.toUpperCase()); // HELLO
  console.log(string.toLowerCase()); // hello
  

• 地区特点方法

由于某些语言转换大小写需要应用特殊规则。

①大写toLocaleUpperCase()

②小写toLocaleUpperCase()

```JavaScript
 let string = "Hello";

console.log(string.toLocaleUpperCase()); // HELLO
console.log(string.toLocaleUpperCase()); // hello

```

11. 字符串模式匹配方法

• match()

接受参数：正则表达式字符串，RegExp对象。

返回值：返回一个数组，第一个元素是与整个模式匹配的字符串，其他元素是与表达式中捕获组匹配的字符串。

• search()

接受参数：正则表达式字符串，RegExp对象。

返回值：返回和模式匹配的第一个位置的索引。

• replace()

接受参数：第一个参数:正则表达式字符串，RegExp对象。第二个参数：一个字符串或者函数。

注意：

第一个参数是字符串就只会替换第一个子字符串。

第一个参数是正则表达式且带有全局标记，替换所有子字符串。

第一个参数是字符串可以使用特殊的字符序列插入正则表达式。

第二个参数是函数时，

① 一个匹配项： 函数接收3个参数：与整个模式匹配的字符串，匹配项在字符串中的开始位置，整个字符串。

② 多个捕获组： 函数接收的参数： 每个匹配捕获组的字符串。最后2个参数：匹配项在字符串中的开始位置，整个字符串。

• split()

第一参数：是分隔符。

第二参数：是数组长度。

12. localeCompare()方法

前-1等0后1

函数加工

独特之处

13. HTML 方法

接近淘汰