美文网首页
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

    内置对象的API Date日期对象 1.获取当前日期:let date = new Date(); 2.获取日期中...

  • Javascript学习-Ajax

    Ajax 异步更新页面信息 XMLHttpRequest API 利用js的内置对象XmlHttpRequest对...

  • 复习笔记之内置对象

    内置对象 JavaScript中的对象分为3种:自定义对象、内置对象、浏览器对象前两种对象是JS基础内容,属于EC...

  • js、jq、ajax、linux基础面试点

    js的基本语法延伸:js内置对象延伸:js HTML DOM对象延伸:jQ基础知识 Ajax的基本工作原理延伸:j...

  • js对象及其方法

    1.对象MDN文档2.JS基础--JS对象及其基本用法3.JavaScript 对象所有API解析

  • 1.4JavaScript 弹出框与内置对象

    消息框 JavaScript内置对象JavaScript对象 :1. js内置对象、js事件对象、3.BOM浏览器...

  • 内置对象

    js的内置对象 内置对的有11个,Global对象不列入内置对象。 js的数据类型 问:js中数据类型有哪些?st...

  • JS基础-string内置对象

    String 对象用于处理文本(字符串)。String 对象创建方法: new String()。语法: char...

  • JS基础-Date内置对象

    Date内置对象 日期对象创建时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年0...

  • JS基础-Math内置对象

    Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。 语法: Mat...

网友评论

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

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