JS高级编程课件16_storage和正则表达式.pdf

Storage、正则表达式

王红元coderwhy

目录

1LocalStorage

content

2SessionStorage

3正则表达式的使用

4正则表达式常见规则

5正则练习-歌词解析

6正则练习-日期格式化

coderwhy认识Storage

◼WebStorage主要提供了一种机制，可以让浏览器提供一种比cookie更直观的key、value存储方式：

localStorage：本地存储，提供的是一种永久性的存储方法，在关闭掉网页重新打开时，存储的内容依然保留；

sessionStorage：会话存储，提供的是本次会话的存储，在关闭掉会话时，存储的内容会被清除；

coderwhylocalStorage和sessionStorage的区别

◼我们会发现localStorage和sessionStorage看起来非常的相似。

◼那么它们有什么区别呢？

验证一：关闭网页后重新打开，localStorage会保留，而sessionStorage会被删除；

验证二：在页面内实现跳转，localStorage会保留，sessionStorage也会保留；

验证三：在页面外实现跳转（打开新的网页），localStorage会保留，sessionStorage不会被保留；

coderwhyStorage常见的方法和属性

◼Storage有如下的属性和方法：

◼属性：

Storage.length：只读属性

✓返回一个整数，表示存储在Storage对象中的数据项数量；

◼方法：

Storage.key(index)：该方法接受一个数值n作为参数，返回存储中的第n个key名称；

Storage.getItem()：该方法接受一个key作为参数，并且返回key对应的value；

Storage.setItem()：该方法接受一个key和value，并且将会把key和value添加到存储中。

✓如果key存储，则更新其对应的值；

Storage.removeItem()：该方法接受一个key作为参数，并把该key从存储中删除；

Storage.clear()：该方法的作用是清空存储中的所有key；

coderwhy什么是正则表达式？

◼我们先来看一下维基百科对正则表达式的解释：

正则表达式（英语：RegularExpression，常简写为regex、regexp或RE），又称正则表示式、正则表示法、规则表达式、常

规表示法，是计算机科学的一个概念；

正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。

许多程序设计语言都支持利用正则表达式进行字符串操作。

◼简单概况：正则表达式是一种字符串匹配利器，可以帮助我们有哪些信誉好的足球投注网站、获取、替代字符串；

◼在JavaScript中，正则表达式使用RegExp类来创建，也有对应的字面量的方式：

正则表达式主要由两部分组成：模式（patterns）和修饰符（flags）

coderwhy正则表达式的使用方法

◼有了正则表达式我们要如何使用它呢？

JavaScript中的正则表达式被用于RegExp的exec和test方法；

也包括String的match、matchAll、replace、search和split方法；

方法描述

exec一个在字符串中执行查找匹配的RegExp方法，它返回一个数组（未匹配到则返回null）。