⑤JavaScript 字符串的相关方法、正则表达式

た入场券 2023-07-23 06:54 40阅读 0赞

### JavaScript ###

*  包装类
 *  字符串的相关方法 ※
 *   *  length
     *  charAt() ※
     *  charCodeAt()
     *  String.fromCharCode()
     *  concat()
     *  indexOf() lastIndexOf() ※
     *  slice() ※
     *  substring() ※
     *  substr() ※
     *  split() ※
     *  toUpperCase() toLowerCast() ※
 *  正则表达式 ※ RegExp
 *  字符串和正则相关的方法 ※
 *   *  split() ※
     *  search() ※
     *  match() ※
     *  replace() ※
 *  正则表达式的其他用法
 *   *  量词 ※
     *  其他用法 ※
     *  练习 手机号的正则
     *  练习 邮件的正则
 *  正则的总结

--------------------

***本人是个新手，写下博客用于自我复习、自我总结。  
如有错误之处，请各位大佬指出。  
学习资料来源于：尚硅谷***

--------------------

# 包装类 #

在之前，创建一个Number类型的：`var num = 3;`  
其实有办法，可以指定类型，同时赋初值：  
`var num = new Number(3);`  
看到`Number`大写，就知道又是构造函数，也就意味着从基本数据类型的数据转换成了对象

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70]  
但是如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果。

![在这里插入图片描述][20200407143913628.png]  
上图显然不是我们要的结果。所以我们不会用基本数据类型的对象，因为这种方式繁琐又可能会出错。那为什么这种构建方式会存在？因为这种方式是给计算机自己用的。我们知道，方法和属性只能添加给对象，不能添加给基本数据类型：

var s = 123; //基本数据类型
    s.hello = "你好";
    console.log(s.hello); //undefined

如果上述说法成立，那么之前的类型转换是怎么转的？`s=s.toString();`  
这个toString()是怎么出现的？

原因是：  
![在这里插入图片描述][20200407144548894.png]  
所以，`s=s.toString();`它首先是将`s`转成了Number对象，调用了`toString()`方法，然后又转回了基本数据类型（同时注意这是临时包装，在包装完之后，Number对象也就被销毁了）。正是因为它是临时使用，所以上述的`s.hello`才会输出undefined。

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 基本数据类型 * String Number Boolean Null Undefined * 引用数据类型 * Object * * 在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象 * String() * - 可以将基本数据类型字符串转换为String对象 * Number() * - 可以将基本数据类型的数字转换为Number对象 * Boolean() * - 可以将基本数据类型的布尔值转换为Boolean对象 * 但是注意：我们在实际应用中不会使用基本数据类型的对象， * 如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果 */ var num = new Number(3); var str = new String("hello"); var bool = new Boolean(true); console.log(typeof num); //Object console.log(num); //3 //向num中添加一个属性 num.hello = "abcdefg"; console.log(num.hello); //abcdefg //如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预期的结果 var bool2 = new Boolean(false); if(bool2){ //会运行 alert("我运行了"); } /* * 方法和属性只能添加给对象，不能添加给基本数据类型 * 当我们对一些基本数据类型的值去调用属性和方法时， * 浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法 * 调用完以后，在将其转换为基本数据类型 */ var s = 123; //基本数据类型 s.hello = "你好"; console.log(s.hello); //undefined console.log(typeof s); </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

# 字符串的相关方法 ※ #

其实，在底层字符串是以字符数组的形式保存的。所以字符串的相关方法也会包含数组的一些性质。

--------------------

## length ##

![在这里插入图片描述][20200407145425480.png]

--------------------

## charAt() ※ ##

![在这里插入图片描述][20200407145459606.png]

--------------------

## charCodeAt() ##

![在这里插入图片描述][20200407145516532.png]

--------------------

## String.fromCharCode() ##

![在这里插入图片描述][2020040714555720.png]

--------------------

## concat() ##

![在这里插入图片描述][20200407145634908.png]

--------------------

## indexOf() lastIndexOf() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 1]

--------------------

## slice() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 2]

--------------------

## substring() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 3]

--------------------

## substr() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 4]

--------------------

## split() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 5]

--------------------

## toUpperCase() toLowerCast() ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 6]

--------------------

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> //创建一个字符串 var str = "Hello"; /* * 在底层字符串是以字符数组的形式保存的 * ["H","e","l"] */ /* * length属性 * - 可以用来获取字符串的长度 */ console.log(str.length); /* * charAt() * - 可以返回字符串中指定位置的字符 * - 根据索引获取指定的字符 */ var result = str.charAt(3); /* * charCodeAt() * - 获取指定位置字符的字符编码（Unicode编码） */ result = str.charCodeAt(0); /* * String.formCharCode() * - 可以根据字符编码去获取字符 */ result = String.fromCharCode(0x2692); /* * concat() * - 可以用来连接两个或多个字符串 * - 作用和+一样 */ result = str.concat("你好","再见"); /* * indexof() * - 该方法可以检索一个字符串中是否含有指定内容 * - 如果字符串中含有该内容，则会返回其第一次出现的索引 * 如果没有找到指定的内容，则返回-1 * - 可以指定一个第二个参数，指定开始查找的位置 * * lastIndexOf(); * - 该方法的用法和indexOf()一样， * 不同的是indexOf是从前往后找， * 而lastIndexOf是从后往前找 * - 也可以指定开始查找的位置 */ str = "hello hi"; result = str.indexOf("h",1); //6 result = str.lastIndexOf("h",5); //0 /* * slice() * - 可以从字符串中截取指定的内容 * - 不会影响原字符串，而是将截取到内容返回 * - 参数： * 第一个，开始位置的索引（包括开始位置） * 第二个，结束位置的索引（不包括结束位置） * - 如果省略第二个参数，则会截取到后边所有的 * - 也可以传递一个负数作为参数，负数的话将会从后边计算 */ str = "abcdefghijk"; result = str.slice(1,4); result = str.slice(1,-1); /* * substring() * - 可以用来截取一个字符串，可以slice()类似 * - 参数： * - 第一个：开始截取位置的索引（包括开始位置） * - 第二个：结束位置的索引（不包括结束位置） * - 不同的是这个方法不能接受负值作为参数， * 如果传递了一个负值，则默认使用0 * - 而且他还自动调整参数的位置，如果第二个参数小于第一个，则自动交换 */ result = str.substring(0,1); /* * substr() * - 用来截取字符串 * - 参数： * 1.截取开始位置的索引 * 2.截取的长度 */ str = "abcdefg"; result = str.substr(3,2); /* * split() * - 可以将一个字符串拆分为一个数组 * - 参数： * -需要一个字符串作为参数，将会根据该字符串去拆分数组 */ str = "abcbcdefghij"; result = str.split("d");//abcbc,efghij /* * 如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一个元素 */ result = str.split(""); /* * toUpperCase() * - 将一个字符串转换为大写并返回 */ str = "abcdefg"; result = str.toUpperCase(); /* * toLowerCase() * -将一个字符串转换为小写并返回 */ str = "ABCDEFG"; result = str.toLowerCase(); </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

# 正则表达式 ※ RegExp #

![在这里插入图片描述][20200407194004178.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 7]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 8]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 正则表达式用于定义一些字符串的规则， * 计算机可以根据正则表达式，来检查一个字符串是否符合规则。 */ //创建正则表达式的对象 /* * 语法： * var 变量 = new RegExp("正则表达式","匹配模式"); * 使用typeof检查正则对象，会返回object * var reg = new RegExp("a"); * 这个正则表达式可以来检查一个字符串中是否含有a * 在构造函数中可以传递一个匹配模式作为第二个参数， * 可以是 * i 忽略大小写 * g 全局匹配模式 */ var reg = new RegExp("ab","i"); /* * 正则表达式的方法： * test() * - 使用这个方法可以用来检查一个字符串是否符合正则表达式的规则， * 如果符合则返回true，否则返回false */ var str = "a"; var result = reg.test(str); console.log(result); //false console.log(reg.test("ABc")); //true </script>
    	</head>
    	<body>
    	</body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 9]  
![在这里插入图片描述][20200407194924698.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 10]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 使用字面量来创建正则表达式 * 语法：var 变量 = /正则表达式/匹配模式 * 使用字面量的方式创建更加简单 * 使用构造函数创建更加灵活 */ //var reg = new RegExp("a","i"); var reg = /a/i; //console.log(typeof reg); //console.log(reg.test("abc")); //true //创建一个正则表达式，检查一个字符串中是否有a或b /* * 使用 | 表示或者的意思 */ reg = /a|b/; /* * []里的内容也是或的关系 * [ab] == a|b * [a-z] 任意小写字母 * [A-Z] 任意大写字母 * [A-z] 任意字母 * [0-9] 任意数字 */ reg = /[A-z]/; //检查一个字符串中是否含有 abc 或 adc 或 aec reg = /a[bde]c/; /* * [^ ] 除了 */ reg = /[^ab]/; reg = /[^0-9]/; console.log(reg.test("12a3456")); </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

# 字符串和正则相关的方法 ※ #

--------------------

## split() ※ ##

![在这里插入图片描述][20200407202921811.png]  
![在这里插入图片描述][20200407203925574.png]

--------------------

## search() ※ ##

![在这里插入图片描述][20200407203220297.png]  
![在这里插入图片描述][20200407203945222.png]

--------------------

## match() ※ ##

![在这里插入图片描述][20200407203321249.png]  
![在这里插入图片描述][20200407204003946.png]

--------------------

## replace() ※ ##

![在这里插入图片描述][20200407203847369.png]  
![在这里插入图片描述][20200407204026268.png]

--------------------

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * split() * - 可以将一个字符串拆分为一个数组 * - 方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串 * - 这个方法即使不指定全局匹配，也会全都插分 */ var str = "1a2b3c4d5e6f7"; //根据任意字母来将字符串拆分 var result = str.split(/[A-z]/); console.log(result); //1,2,3,4,5,6,7 /* * search() * - 可以搜索字符串中是否含有指定内容 * - 如果搜索到指定内容，则会返回第一次出现的索引，如果没有搜索到返回-1 * - 它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串 * - serach()只会查找第一个，即使设置全局匹配也没用 */ str = "hello abc hello aec afc"; //搜索字符串中是否含有abc 或 aec 或 afc result = str.search(/a[bef]c/); console.log(result); //6 /* * match() * - 可以根据正则表达式，从一个字符串中将符合条件的内容提取出来 * - 默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索 * 我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容 * 可以为一个正则表达式设置多个匹配模式，且顺序无所谓 * - match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果 */ str = "1a2a3a4a5e6f7A8B9C"; result = str.match(/[a-z]/ig); //a,a,a,a,e,f,A,B,C console.log(result[2]); //a /* * replace() * - 可以将字符串中指定内容替换为新的内容 * - 参数： * 1.被替换的内容，可以接受一个正则表达式作为参数 * 2.新的内容 * - 默认只会替换第一个 */ str = "a1b2c3"; result = str.replace(/[a-z]/ig , ""); console.log(result); //123 </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

# 正则表达式的其他用法 #

--------------------

## 量词 ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 11]

--------------------

## 其他用法 ※ ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 12]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8" />
    		<title></title>
    		<script type="text/javascript"> /* * 量词 * - 通过量词可以设置一个内容出现的次数 * - 量词只对它前边的一个内容起作用 * - {n} 正好出现n次 * - {m,n} 出现m到n次 * - {m,} m次及以上 * - + 至少一个，相当于{1,} * - * 0个或多个，相当于{0,} * - ? 0个或1个，相当于{0,1} */ var reg = /a{3}/; //alert(reg.test("aaa")); //true //alert(reg.test("ababab")); //false reg = /(ab){3}/; //alert(reg.test("ababab")); //true reg = /ab{1,3}c/; //alert(reg.test("abc")); //true //alert(reg.test("abbc")); //true //alert(reg.test("abbbc")); //true reg = /ab{3,}c/; //alert(reg.test("abbbc")); //true //alert(reg.test("abbc")); //false reg = /ab+c/; //alert(reg.test("abc")); //true //alert(reg.test("ac")); //false reg = /ab*c/; //alert(reg.test("abc")); //true //alert(reg.test("ac")); //true reg = /ab?c/; //alert(reg.test("ac")); //true //alert(reg.test("abc")); //true /* * 检查一个字符串中是否以a开头 * ^ 表示开头 * $ 表示结尾 */ reg = /^a/; //匹配开头的a reg = /a$/; //匹配结尾的a console.log(reg.test("abcabca")); /* * 如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式 */ reg = /^a$/; console.log(reg.test("bbca")); </script>
    	</head>
    	<body>
    	</body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 13]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 14]

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 检查一个字符串中是否含有 . * . 表示任意字符 * 在正则表达式中使用\作为转义字符 * \. 表示. * \\ 表示\ */ var reg = /\./; reg = /\\/; reg = new RegExp("\\."); //alert(reg.test("\.")); //true reg = new RegExp("\\\\"); //alert(reg.test("\\")); //true /* * \w * - 任意字母、数字、_ [A-z0-9_] * \W * - 除了字母、数字、_ [^A-z0-9_] * \d * - 任意的数字 [0-9] * \D * - 除了数字 [^0-9] * \s * - 空格 * \S * - 除了空格 * \b * - 单词边界 * \B * - 除了单词边界 */ reg = /\w/; reg = /\W/; reg = /\d/; reg = /\D/; reg = /\s/; reg = /\S/; /* * 创建一个正则表达式检查一个字符串中是否含有单词child */ reg = /\bchild\b/; console.log(reg.test("hello child ")); //去除掉字符串中的前后的空格 var str = " hello "; //去除空格就是使用""来替换空格 //去除开头的空格 //str = str.replace(/^\s*/, ""); //去除结尾的空格 //str = str.replace(/\s*$/, ""); // /^\s*|\s*$/g 匹配开头和结尾的空格 str = str.replace(/^\s*|\s*$/g,""); console.log(str); </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

## 练习 手机号的正则 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 创建一个正则表达式，用来检查一个字符串是否是一个合法手机号 * * 手机号的规则： * 1 3 567890123 （11位） * * 1. 以1开头 * 2. 第二位3-9任意数字 * 3. 三位以后任意数字9个 * * ^1 [3-9] [0-9]{9}$ */ var phoneStr = "13067890123"; var phoneReg = /^1[3-9][0-9]{9}$/; console.log(phoneReg.test(phoneStr)); </script>
    	</head>
    	<body>
    	</body>
    </html>

--------------------

## 练习 邮件的正则 ##

<!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript"> /* * 电子邮件 * hello .nihao @ abc .com.cn * * 任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母（2-5位） .任意字母（2-5位） * * \w{3,} (\.\w+)* @ [A-z0-9]+ (\.[A-z]{2,5}){1,2} */ var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/; var email = "abc.hello@163.com"; console.log(emailReg.test(email)); </script>
    	</head>
    	<body>
    	</body>
    </html>

# 正则的总结 #

![在这里插入图片描述][20200407194924698.png]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 10]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 11]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 12]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 13]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 14]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70]: /images/20230528/509ea877b6064f18825fbab82eab4816.png
[20200407143913628.png]: /images/20230528/2962f46a7a144c1686a3cec98958b183.png
[20200407144548894.png]: /images/20230528/a2d6c0df45a5455394276cdcc53ec66f.png
[20200407145425480.png]: /images/20230528/e3705bede1cf4e1a98863faa5ec17203.png
[20200407145459606.png]: /images/20230528/dc4820a432b948bcb0b558883fbc8837.png
[20200407145516532.png]: /images/20230528/82855b9a86f84a5b8243d7b0983139f5.png
[2020040714555720.png]: /images/20230528/8f93f21d013e480693a18f09e96fc7e6.png
[20200407145634908.png]: /images/20230528/cfcd3de4f52846cc96ac5c3bce3874a6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 1]: /images/20230528/384da086269d405496861c1c2b89fa30.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 2]: /images/20230528/2821132005b04c7fa2c0a01bcf5b4518.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 3]: /images/20230528/b1f5346d47bd49ce8fefa3dc0e77f4e2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 4]: /images/20230528/afaae8abeffd43b7b4952a16fdd44993.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 5]: /images/20230528/11f13d8ff64a4265bc4cb6939158fc7f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 6]: /images/20230528/7008e6f42d344390a18c2f88c3bfdc07.png
[20200407194004178.png]: /images/20230528/c7c60c8dfc664f64b139c6d04ec22c08.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 7]: /images/20230528/61892659bdae4f36a5669c9cbfb55bd4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 8]: /images/20230528/7acc8cf7b6b34f3da6043a46bb21526a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 9]: /images/20230528/afb4eb16667244009aede20628739831.png
[20200407194924698.png]: /images/20230528/9d5d72f164bf4fa187bef3281bc27548.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 10]: /images/20230528/42042474a5b845159db5f40e15d59be9.png
[20200407202921811.png]: /images/20230528/07652d9f6a504f0ea436185be436ff68.png
[20200407203925574.png]: /images/20230528/822d58f532b949a483fc063529e28e7a.png
[20200407203220297.png]: /images/20230528/bc1ca3fe2b0f4b19a4cdef0eae72d51a.png
[20200407203945222.png]: /images/20230528/90f75c3542194368aaf19dee89709c8e.png
[20200407203321249.png]: /images/20230528/63970e272efa48a79d72682e3ff73247.png
[20200407204003946.png]: /images/20230528/c715e9bf8ade47eaa8617897e85a21c1.png
[20200407203847369.png]: /images/20230528/0752cc633a3046e8974e4a5f4875c7f2.png
[20200407204026268.png]: /images/20230528/daf292374fe942d9be5ea2a83779a912.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 11]: /images/20230528/76b554638a0c4a27bc62c20d9e133e4e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 12]: /images/20230528/6ffc9c7b5e704a759e33d7474b07d1d4.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 13]: /images/20230528/0a445fea191144a9ac74ea1a4f368a5e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NjEzOTMx_size_16_color_FFFFFF_t_70 14]: /images/20230528/489b5f57388e42f28032482bfaf323d5.png