zoukankan      html  css  js  c++  java
  • js内置对象

    js内置对象

    1. JavaScript中的对象分为3中;自定义对象/内置对象,浏览器对象

    2. Math对象

      • Math.PI; 圆周率

      • Math.floor();向下取整

      • Math.ceil();向上取整

      • Math.max();最大值

      • Math.min();最小值

      • Math.randon();随机数

      • 得到一个数之间的随机整数,包括两个数在内

        function getRandomIntInclusive(min,max){
            return Math.floor(Math.random()*(max - min + 1)) + min;
        }
        
    3. Date() 日期对象 是一个构造函数 必须使用new 来调用创建

      • var date = new Date();
        console.log(date);//Wed Dec 04 2019 20:17:25 GMT+0800 (中国标准时间)
        var date1 = new Date(2019,10,1);//数字型 Fri Nov 01 2019 00:00:00 GMT+0800 (中国标准时间)
        console.log(new Date('2019-10-1 20:25:30'));//Tue Oct 01 2019 20:25:30 GMT+0800 (中国标准时间)
        
      • Date()方法的使用

        • 获取当前时间必须实例化
        • Date()构造函数的参数
          • 如果括号里面有时间,就返回参数里面的时间。例如日期格式字符串为‘2019-5-1’,可以写成new Date('2019-5-1')或者new Date('2019/5/1')
      • 日期格式化

        • console.log(console.log(new Date().getFullYear());//输出当前年
          
          方法名 说明 代码
          getFullYear() 获取当前年 new Date().getFullYear();
          getMonth() 获取当前月(0-11) new Date().getMonth();
          getDate() 获取当天日期 new Date().getDate();
          getDay() 获取星期几(周日0 到周六6) new Date().getDay();
          getHours() 获取当前小时 new Date().getHours();
          getMinutes() 获取当前分钟 new Date().getMinutes();
          getSeconds() 获取当前秒钟 new Date().getSeconds();
      • console.log(new Date().valueOf());//1575543088420 现在据1970.01.01 00:00:00 总的毫秒数
        console.log(new Date().getTime());
        console.log(+new Date());
        console.log(Date.now());
        
    4. 倒计时案例

      • 核心算法:输入的时间减去现在的时间就是剩余的时间,及倒计时,但是不能拿着时分秒相减,比如05分减去25分,结果会是负数。

      • 用时间戳来做。用户输入时间总的毫秒数减去现在时间的总的毫秒数,得到的就是剩余时间的毫秒数。

      • 把剩余时间总的毫秒数转为天、时、分、秒(时间戳转换为时分秒)

        • 转换公式:

          • d=parseInt(总秒数/60/60/24);//计算天数
          • h=parseInt(总秒数/60/60%24);//计算小时
          • m=parseInt(总秒数/60%60);//计算分数
          • s=parseInt(总秒数%60);//计算当前秒数
        • function conutDown(time){
              var nowTime= +new Date();// 返回的是当前时间总的毫秒数
              var inputTime = +new Date(time);// 返回的时用户输入时间总的毫秒数
              var times = (inputTime - nowTime) / 1000;//times是剩余时间总的秒数
              
              var d=parseInt(times/60/60/24);//计算天数
              d = d< 10 ? '0' + d : d;
              var h=parseInt(times/60/60%24);//计算小时
              h = h < 10 ? '0' + h : h;
              var m=parseInt(times/60%60);//计算分数
              m = m < 10 ? '0' + m : m;
              var s=parseInt(times%60);//计算当前秒数
              s = s < 10 ? '0' + s : s;
              return d + '天' + h + '时' + m + '分' + s + '秒';
          }
          
    5. Array()

      • 创建数组的方式

        • 利用字面量
          • var arr =[];
        • 利用new Array()
          • var arr=new Array(); //创建了一个空数组
          • var arr=new Array(2); //表示数组长度为2 里面有2个空的数组元素
          • var arr=new Array(2,3); //等价于[2,3] 这样写表示 里面有2个数组元素 是 2和3
      • 检测是否为数组

        • instanceof 元算符 它可以用来检测是否为数组

        • var arr=[];
          var obj={};
          console.log(arr instanceof Array); //true
          console.log(obj instanceof Array); //false
          
        • Array.isArray(参数);

      • 添加删除数组元素方法

        • push() 在数组的末尾 添加一个或多个数组元素

          var arr =[1,2,3];
          arr.push(4);
          

          【注意】

          • push 是可以给数组追加新的元素
          • push()参数直接写 数组元素
          • push 完毕之后 ,返回的结果是 新数组的长度
          • 原数组也会发生变化
        • unshift 在数组的开头 添加一个或多个数组元素

          方法名 说明 返回值
          push(参数1.。。) 在数组的末尾 添加一个或多个数组元素 新数组的长度
          pop() 删除数组最后一个元素,把数组长度减一 无参数 修改原数组 返回删除的元素值
          unshift(参数1.。) 在数组的开头 添加一个或多个数组元素 返回新数组的长度
          shift() 删除数组的第一个元素,数组长度减1 无参数/修改原数组 并返回第一个元素的值
      • 数组排序

        方法名 说明 是否修改原数组
        reverse() 点到数组中元素的顺序,无参数 该方法会改变原来的数组 返回新数组
        sort() 对数组的元素进行排序 该方法会改变原来的数组 返回新数组
      • 数组索引方法

        方法名 说明 返回值
        indexOf() 数组中查找给定元素的第一个索引 如果存在返回索引号 如果不存在,则返回-1
        lastIndexOf() 在数组中的最后一个索引 如果存在返回索引号 如果不存在,则返回-1
      • 数组去重案例

        • //核心算法:我们遍历就数组,然后拿就数组元素去查询新数组,如果该元素中在新数组中没有添加,有就不添加
          function unique(arr){
              var newArr=[];
              for (var i = 0 ; i <arr.length; i++){
                  if(newArr.indexOf(arr[i] === -1)){
                      newArr.push(arr[i]);
                  }
              }
              return newArr;
          }
          
      • 数组转换为字符串

        方法名 说明 返回值
        toString() 把数组转换成字符串,逗号分隔每一项 返回一个字符串
        join('分隔符') 方法用于把数组中的所有元素转换为一个字符串
    6. 字符串对象

      • 字符串所有的方法,都不会修改字符串本身(字符串是不可变的)

      • var str = "abcd,abcd";
        console.log(str.indexOf('c'));//2
        
      • 案例:返回某个字符出现的位置以及次数

        • 核心算法:先查找第一个o出现的位置

        • 然后 只要indexOf返回的结果不是-1就继续往后查找

        • 因为indexOf只能查找到第一个,所以后面的查找,利用第二个参数,当前索引加1,从而继续查找

        • var str="abcoefoxyozzopp";
          var index =str.indexOf('o');
          while(index !== -1){
              console.log(index);
              str.indexOf('o',[index+1]);
          }
          
      • 根据位置返回字符(重点)

        方法名 说明 使用
        charAt(index) 返回指定位置的字符(index 字符串的索引号) str.charAt(0)
        charCodeAt(index) 获取指定位置处字符的ASCII码(index索引号) str.charCodeAt(0)
        str[index] 获取指定位置处字符 HTML5,IE8+和charAt()等效
      • 字符串操作方法

        方法名 说明
        concat(str1,str2,str3...) concat()方法用于连接两个或多个字符串。拼接字符串,等效与+,+更常用
        substr(start,length) 从start位置开始(索引号),length取的个数
        slice(start,end) 从start位置开始,截取end位置,end取不到
        substring(start,end) 从start位置开始,截取到end位置,end取不到 基本和slice相同 但是不接受负值
      • 替换字符

        • replace(‘被替换的字符’,‘替换的字符’)
      • 字符串转换为数组 split("分隔符")

  • 相关阅读:
    在IIS上搭建WebSocket服务器(三)
    在IIS上搭建WebSocket服务器(二)
    在IIS上搭建WebSocket服务器(一)
    RDIFramework.NET ━ .NET快速信息化系统开发框架 V3.2->Web版本模块管理界面新增模块排序功能
    C#在WinForm中使用WebKit传递js对象实现与网页交互的方法
    c#用webkit内核支持html5
    .NET下WebBrowser的一个BUG以及其替代品——geckofx
    HTML5浏览器嵌入窗口程序解决方案
    saprk里面的action
    解释为什么word2vec也被称作deep learning
  • 原文地址:https://www.cnblogs.com/SSPOFA/p/12007114.html
Copyright © 2011-2022 走看看