美文网首页web前端自学之路
web前端 -- Day16 js基础

web前端 -- Day16 js基础

作者: 韩发发吖 | 来源:发表于2019-03-07 14:40 被阅读0次

    Date

    // 当前时间 -- 当前的服务器的时间
    var dt=new Date();

    dt.getFullYear();//年
    dt.getMonth();//月---从0开始  国外和我们差一个月 + 1为中国的二月份
    dt.getDate();//日
    dt.getHours();//小时
    dt.getMinutes();//分钟
    dt.getSeconds();//秒
    dt.getDay();//星期---从0开始
    dt.toDateString();//日期
    dt.toLocaleDateString();//日期
    dt.toTimeString();//时间
    dt.toLocaleTimeString();//时间
    dt.valueOf();//毫秒
    
    // 格式化日期时间 -- 封装成一个函数
            function getDate(dt) {
                // 获取年份
                var year = dt.getFullYear();
                // 获取月份 国外和我们差一个月 + 1为中国的二月份
                var month = dt.getMonth()+1;
                // 获取日期
                var day = dt.getDate();
                // 获取小时
                var hour = dt.getHours();
                // 获取分钟
                var minute = dt.getMinutes();
                // 获取秒数
                var second = dt.getSeconds();
                month = month < 10?"0"+month:month;
                day = day < 10?"0"+day:day;
                hour = hour < 10?"0"+hour:hour;
                minute = minute < 10?"0"+minute:minute;
                second = second < 10?"0"+second:second;
                
                return year+"年"+month+"月"+day+"日"+" "+hour+":"+minute+":"+second;
    
            }
            // 创建日期的对象
            var dt = new Date();
            console.log(getDate(dt));
    

    string

    string对象
    字符串可以看成是字符组成的数组,但是js中没有字符类型
    字符是一个一个的,使用一对单引号括起来
    在js中字符串可以使用单引号也可以使用双引号
    因为字符串可以看成是数组,所以可以通过for循环进行遍历

    string -- 字符串类型 -- 基本类型
    String -- 字符串类型 -- 引用类型
    String -- >是一个对象

    字符串特性:不可变性,字符串的值是不能改变
    字符串可以通过索引访问字符串中的某个值,但是,可以访问 -- 只读

    字符串的值之所以看起来是改变的,那是因为指向改变了,并不是真的值改变了

    字符串常用属性

    1. string.length --> 字符串的长度
    2. string.charAt(索引) --> 返回值是指定索引位置的字符串,超出索引,结果是空字符串
    3. String.fromCharCode(数字值,可以是多个参数,用,隔开) --> 返回的是ASCII码的对应值
    4. string.concat(字符串1,字符串2,字符串3,……) —>拼接字符串,返回的是新的字符串
    5. string.indexOf(要找的字符串,从某个位置开始的索引) --> 返回的是这个字符串的索引,没找到返回 -1
    6. string.lastIndexOf(y要找的字符串) --> 从后向前找,但是索引任然是从左向右的方式,没找到返回 -1
    7. string.replace("原来的字符串","新的字符串") --> 用来替换字符串
    8. string.slice(开始的索引,结束的索引) --> 从开始索引的位置开始提取,到结束索引的位置前一个结束,并返回这个提取后的字符串
    9. string.split("要干掉的字符串",切割后留下的个数) --> 切割后的字符串
    10. string.substr(开始的位置,长度/个数 可不写) --> 返回的是截取后的新的字符串
    11. string.substring(开始索引,结束索引) --> 返回的是截取后的新的字符串,不包含结束索引的字符串
    12. string.toLocaleLowerCase()/string.toLowerCase() --> 返回调用字符串值转换为小写。
    13. string.toLocaleUpperCase()/string.toUpperCase() --> 返回调用字符串值转换为大写。
    14. string.trim() --> 从一个字符串的两端删除空白字符

    Array

    1. Array.isArray(对象)---->判断这个对象是不是数组
    2. instanceof关键字
    3. Array.concat(数组,数组,数组,...) 组合一个新的数组
    4. Array.every(函数)--返回值是布尔类型,函数作为参数使用,函数中有三个参数,第一个参数是元素的值,第二个参数是索引值,第三个参数是原来的数组(没用) 如果这个数组中的每个元素的值都符合条件,最后才返回的是true
    5. Array.filter(函数);返回的是数组中每一个元素都复合条件的元素,组成了一个新的数组
    6. Array.push(值);--->把值追加到数组中,加到最后了---返回值也是追加数据之后的数组长度
    7. Array.pop();--->删除数组中最后一个元素,返回值就是删除的这个值
    8. Array.shift();--->删除数组中第一个元素,返回值就是删除的这个值
    9. Array.unshift();--->向数组的第一个元素前面插入一个新的元素,----返回值是插入后的程度
    10. Array.forEach(函数)方法---遍历数组用---相当于for循环
    11. Array.indexOf(元素值);返回的是索引,没有则是-1
    12. Array.join("字符串");----返回的是一个字符串
    13. Array.map(函数);--->数组中的每个元素都要执行这个函数,把执行后的结果重新的全部的放在一个新的数组中
    14. Array.reverse();----->反转数组
    15. Array.sort();---排序的,可能不稳定,如果不稳定,请写MDN中的那个固定的代码
    16. Array..slice(开始的索引,结束的索引);把截取的数组的值放在一个新的数组中,但是不包含结束的索引对应的元素值
    17. Array.splice(开始的位置,要删除的个数,替换的元素的值);一般是用于删除数组中的元素,或者是替换元素,或者是插入元素

    基本包装类型

    普通变量不能直接调用属性或者方法
    对象可以直接调用属性和方法

    基本包装类型:本身是基本类型,但是在执行代码的过程中,如果这种类型的变量调用了属性或者是方法,那么这种类型就不再是基本类型了,而是基本包装类型,这个变量也不是普通的变量了,而是基本包装类型对象
    string、number、boolean

    //如果是一个对象&&true,那么结果是true
    //如果是一个true&&对象,那么结果是对象
    
    var flag=new Boolean(false);
    var result=true&&flag;
    console.log(result);
    
    var num=10;
    var num2=Number("10");//转换,没有new---类型转
    var num3=new Number("10");//基本包装类型
    

    相关文章

      网友评论

        本文标题:web前端 -- Day16 js基础

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