JavaScript进阶：WebAPIs重点知识整理3

1 本地存储

存储容量大：约5M

1.1 localStorage

---

 

1.1.1 存储

localStorage.setItem('username','张三')
localStorage.setItem('password','123456')

1.1.2 获取

console.log(localStorage.getItem('username'))

1.1.3 删除

localStorage.removeItem('username')

 

1.2 sessionStorage

---

// 存储
sessionStorage.setItem('username','张三')
sessionStorage.setItem('password','123456')

// 获取
 console.log(sessionStorage.getItem('username'))

// 删除
sessionStorage.removeItem('username')

1.3 本地存储处理复杂数据类型

    <script>
        const obj = {
            name:'张三',
            age:18,
            gender:'男'
        }

        // 复杂数据类型存储，必须转换为Json字符串存储
        // 1. 因为存只能存字符串，必须转换为Json字符串存储
        localStorage.setItem('obj',JSON.stringify(obj))
        // {"name":"张三","age":18,"gender":"男"}   ->  为Json对象，属性和值都有引号，而且都是双引号
    
        
        // 2. 将json字符串转换为对象
        const obj2 = JSON.parse(localStorage.getItem('obj'))
        console.log(obj2)
    </script>

2 数组中map()和join()方法

 

    <script>
        // 1. map
        let arr = [1,2,3,4,5]
        let arr2 = arr.map(function(item, index){
            // item 为 元素； index为元素的索引号
            return item * 2
        })
        console.log(arr2)

        // 2. join
        let str = arr.join('-')
        console.log(str)
    </script>

---

3 正则表达式

语法：

         /reg/

检查：

        reg.test(被检测的字符串)  // test方法返回true或false，表示是否符合正则表达式规则。

        reg.exec(被检测的字符串)  // exec方法返回一个数组，表示匹配的结果。

        

---

3.1 修饰符

/java/i    ->   表示不区分大小写，匹配java或JAVA或JaVa......都行

/java/ig  ->    不区分大小写, 全局匹配

---

reg1 = /^java is the language$/ig     ->   全局精确匹配

str1 = 'java is the language'

console.log(reg1.test(str1))         // true

3.2 replace

---

案例：

        // replace 字符替换
        // 正则表达式过滤敏感词
        const tx = document.querySelector('textarea')
        const btn = document.querySelector('button')
        const div = document.querySelector('div')
        const reg = /傻逼|傻B|煞笔/g
        btn.addEventListener('click', function(){
            let str = tx.value
            let newStr = str.replace(reg, '***')
            div.innerHTML = newStr
        })

---