美文网首页
js基础8-内置对象的API

js基础8-内置对象的API

作者: beizi | 来源:发表于2021-04-08 22:59 被阅读0次

    内置对象的API

    Date日期对象
    • 1.获取当前日期:let date = new Date();
    • 2.获取日期中的年月日时分秒
    • 3.创建自定义日期
    // 1.创建一个Date对象
           //1.创建一个Date对象
           let date = new Date();
       
           /*时间日期打印*/
           //  2.打印当前完整时间:  
           //(1)默认显示当前电脑的时区时间 
           //(2)打印date时会自动转为字符串 date.toString()
           console.log ( date );//Fri Mar 23 2018 20:45:15 GMT+0800 (中国标准时间)
           //3.打印日期:标准版本
           console.log ( date.toDateString () );//Fri Mar 23 2018
           //4.打印日期:本地版本(当前电脑)
           console.log ( date.toLocaleDateString () );// 2018/3/23
           //5.打印当前时间:标准版本
           console.log ( date.toTimeString () );//20:51:17 GMT+0800 (中国标准时间)
           //6.打印当前时间:本地版本
           console.log ( date.toLocaleTimeString () );//下午8:51:17
       
           /*年月日时打印*/
           //1.打印当前年份
           console.log ( date.getFullYear () );//2018
           //2.打印当前月份  范围:0-11 代表 1-12月
           console.log ( date.getMonth () );//2 代表下标2  也就是3月
           //3.打印当前日
           console.log ( date.getDate () );//23
           //4.打印当前星期  范围0-6 代表星期天-星期六
           console.log ( date.getDay () );//5
           //5.打印时
           console.log ( date.getHours () );
           //6.打印分
           console.log ( date.getMinutes () );
           //7.打印秒
           console.log ( date.getSeconds () );
       
           /**创建自定义日期*/
           let date1 = new Date(2020,0,1,12,3,5);//依次传入 年,月,日,时,分,秒
           console.log ( date1 );//Wed Jan 01 2020 12:03:05 GMT+0800 (中国标准时间)
           let date2 = new Date("2022-05-06 12:03:35");
           console.log ( date2 );//Fri May 06 2022 12:03:35 GMT+0800 (中国标准时间)
    
    Array数组对象

    数组常用api

    • 连接数组:concat()
    • ==将数组元素拼接成字符串:join()==
    • 删除数组最后一个元素:pop()
    • 往数组后面添加元素:push()
    • 翻转数组:reverse()
    • 删除数组第一个元素:shift()
    • 查找数组元素:slice()
    • 数组排序:sort()
    • ==数组遍历:forEach()==
    String字符串对象
    • 1.获取字符串长度:str.length
    • 2.获取字符串某一个下标字符:str.charAt()
    • 3.拼接字符串:str.concat
    • ==4.判断字符串中是否包含某些字符串:str.indexOf()==
    • ==5.截取字符串:str.substr()==
    • 6.修改字符串:str.replace()
    • 7.大小写转换:str.toLowerCase()小写 str.toUpperCase()大写
    • ==8.分隔字符串:str.split()==
    json字符串
    • json字符串是目前前后端通信的数据载体
      • 前端显示的数据是不会写死,都是后台得到
      • 后台返回的数据格式最常用就是json字符串
    • json字符串格式:与普通对象一样有属性名和值
      • json字符串的属性名字和值都是使用双引号
      • 严格要求:json字符串最后一个属性之后,不能有逗号
    • json字符串的作用
      • 跨平台数据识别统一化
        //后台通常返回数据是一个json字符串:为了让不同语言的平台达到数据统一性
        //1.json字符串,无论键还是值,无论什么数据类型需要双引号(不识别数据类型,都是字符串)
        let json = `{
            "name" : "张三",
            "age" : "18"
            }`
    
        //2.js对象是javascript语言中的对象(识别数据类型)
        let js = {
            name : "张三",
            age : 18,
        }
        
        //3.注意:js对象也是允许属性有引号的,而且不论单双引号都可以
        let jsObj = {
            'name':'张三',
            "age":18
        }
    
        //打印输出
        console.log ( json,typeof json );   // 字符串
        console.log ( js );
        console.log( jsObj );
    
        //注意:如果json字符串外面没有引号或者反引号(模板字符串),那么就是js对象
    

    JSON对象

    js内部内置了一个JSON对象,专门用于处理JSON格式的数据

    • JSON.parse(’json格式字符串‘):将json格式字符串转换成js可以识别的格式(对象或者数组)
    • JSON.stringify(js对象或者数组):将js格式的对象或者数组,转换成json字符串
        //1.json字符串,无论键还是值,无论什么数据类型需要双引号(不识别数据类型,都是字符串)
        let json = `{
            "name" : "张三",
            "age" : "18"
            }`;
    
        //上述本质就是一个字符串,符合json格式,但是js依然不方便操作
        //console.log(json.name);           //undefined
    
        //2.JSON对象转换:将json字符串转成js的对象(当前是个对象格式)
        let jsonObj = JSON.parse(json);
    
        //3.js对象操作
        console.log(jsonObj.name);          //张三
    
        //4.js将复杂数据传入给其他端(后台登陆)
        let loginObj = {
            username:'missyou',             //JSON对象会自动给属性和值改成双引号
            password:'missyoutoo'
        }
        
        //5.JSON将js对象转成json字符串
        let loginJson = JSON.stringify(loginObj);
        console.log(loginJson);
    

    相关文章

      网友评论

          本文标题:js基础8-内置对象的API

          本文链接:https://www.haomeiwen.com/subject/rksbkltx.html