23.5.1-5.7js 笔记

navigator对象

获取浏览器相关信息

 console.log(navigator.userAgent)//浏览器信息，可用于判断是安卓/苹果/PC

本地存储

将数据放到浏览器中

sessionStorage和localStorage

localStorage可永久将数据存储在本地，除非手动删除，否则关闭页面也会存在

• 本地存储只能存储字符串类型

 //存储一个名字
 //localStorage.setItem(键,值)，注意键都要加引号
 localStorage.setItem('uname','cc')
 //获取数据
 //localStorage.getItem(键)
 console.log(localStorage.getItem('uname'))
 //删除本地存储
 localStorage.removeItem('uname')
 //改,在前面变量上直接改即可，没有就是增，有就是改
 localStorage.setItem('uname','yy')

sessionStorage生命周期是关闭浏览器就没了，用法基本和localStorage一样

 //存储复杂数据类型,将复杂数据类型转换成JSON字符串存储到本地
 //1.语法JSON.stringify(复杂数据类型)
 //JSON对象属性和值有引号，且是双引号
 const obj={
      uname:'cc',
      age:18,
      sex:'男'
 } 
 localStorage.setItem('obj',JSON.stringify(obj))
 //2.把JSON字符串转化为对象
 //console.log(JSON.parse(localStorage.getItem('obj')))
 const ans=JSON.parse(localStorage.getItem('obj'))
 console.log(ans)

数组中map方法

map可以遍历数组处理数据，并且返回新的数组

 const arr=['red','blue','black']
 //1.map方法  处理数据并且返回一个新数组
 const newarr=arr.map(function(ele,index){
      //console.log(ele)数组中元素
      //console.log(index)数组的索引号
      return ele+'颜色'
 })
 console.log(newarr)// ["red颜色", "blue颜色", "black颜色"]
 //2.join方法把数组中的所有元素转化为一个字符串
  console.log(newarr.join(','))//在''中写什么，得到的字符串就是用什么进行分割(默认用','分割)，red颜色,blue颜色,black颜色

 模板字符串:``
 ES6 语法新增了模板字符串，用反引号(``)标识，它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量，可用于解析标签。
 ​
 示例代码：
 ​
 // 普通字符串
 `In JavaScript '\n' is a line-feed.`
 ​
 // 模板字符串都是用反引号表示，如果在模板字符串中需要使用反引号，则前面需要用反斜杠转义。
 var greeting = `\`Yo\` World!`;     // `Yo` World!
  
 // 多行字符串，空格、缩进和换行都会被保留
 $('#list').html(`
 <ul>
   <li>first</li>
   <li>second</li>
 </ul>
 `);
  
 // 字符串中嵌入变量
 var name = "Bob", time = "today";
 `Hello ${name}, how are you ${time}?`   // Hello Bob, how are you today?
 ​
 模板字符串中嵌入变量，要将变量名写在${}之中。大括号内可以放入任意的JavaScript表达式，可以进行运算，以及引入对象属性。
 示例：
 ​
 // 字符串拼接
 // 字符串格式: 2019-11-12 14:53:33
 // var str = year + "-" + month + "-" + riqi + " " + hour + ":" + minute + ":" + second;
 ​
 // 特点：`` 单双引号直接用法；变量放在${}里面
 var str = `${year}-${month}-${riqi} ${hour}:${minute}:${second}`;
 ​
 ​
 var x = 1, y = 2;
 ​
 `${x} + ${y} = ${x + y}`;   // "1 + 2 = 3"
 ​