js的内置对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<style>

</style>
<body>

</body>
<script>

    //js的内置对象
    //js是基于对象的语言,也就是说js给我们内置了很多对象,我们可以直接拿来就用
    //对象是由属性和方法组成的一个集合
    //那么我们学习对象就是学习这些对象提供的属性,方法

    //1,数组对象(用来操作数组
        //length属性:获得数组的长度
        //
        var arr = [1,2,3];
        console.log(arr.length); //3

        //concat属性:用来合并数组
        var arr1  = [99];
        console.log(arr.concat(arr1)); //(4) [1, 2, 3, 99]

        //join:用来拼接数组
        console.log(arr.join(',')); //1,2,3

        //push(str)、pop():操作数组的末尾  push:向末尾插入元素。pop:删除末尾元素
        //shift(str)、unshit():操作数组的开头
        //reverse():颠倒数组顺序
        //slice(start,end):截取数组元素
        arr.push('');  
        console.log(arr); //[1, 2, 3, "啊"]
        console.log(arr.pop()); //
        console.log(arr); //(3) [1, 2, 3]


    //2,字符串对象(用来操作字符串
        //indexOf("abc")  //返回子字符串abc在字符串中第一次出现的位置
        //lastIndexOf("abc")  //返回子字符串在字符串中最后一次出现的位置
        //split("分隔符")  //按指定字符串分割(返回值为数组
        //replace(reg,str)  //用正则表达式进行替换
        //slice(strat,num) //截取一段
        //substr(strat,num) //截取字符串
        //charAt(index)  //返回字符串下标为index 的char
        console.log('1chenglin1'.replace(/\d+/,''));  //chenglin1 
        console.log('demo'.substr(1,1));
        console.log('demo'.substr(2,2));

    //3,数学对象(用来数学计算
        //abs(num) :绝对值
        //ceil():向上取整
        //floor():向下取整
        //round() :四舍五入取整
        //max():计算最大值
        //min():计算最小值
        //pow():计算一个数的几次幂
        //random():计算0-1之间的随机数(不包括0和1
        
        var num = -90;
        var abs = Math.abs(num);
        console.log(abs);
        var float = 123.5;
        console.log(Math.round(float)); //124
        console.log(Math.max(1,3,6,8,9));
        console.log(Math.random());  //0.11126595449909882

    //4,日期时间对象
        //获取日期对象,new Date()
        //获取年月日,时分秒的方法
        //getFullYear():获取当前的年份
        //getMonth():获取当前的日期
        //getHours():获取当前小时数
        //getMinutes():获取当前的分钟数
        //getSeconds():获取当前的秒数
        //getDay() :获取当前的星期几
        //getMilliseconds() //毫秒
        //getTime() :时间戳
        //toLocaleDate() :将日期对象转换成本地日期格式
        //toLocaleTimeString():将日期对象转换成本地时间格式
        //toLocaleString():将日期对象转换成本地时间格式
        //
        //设置日期时间:
        //setFullYear:设置当前年份
        //setMonth:设置当前月份0-11之间,11表示12月
        //setDate:设置当前日期
        var date = new Date();
        console.log(date.getFullYear());
        console.log(date.getSeconds());
        console.log(date.getMilliseconds());
        console.log(date.getTime());
        console.log(date.toLocaleDateString());  //2019/3/17
        console.log(date.toLocaleTimeString());  //下午8:10:22
        console.log(date.toLocaleString());  //2019/3/17 下午8:11:26

        date.setFullYear('2018');
        console.log(date.toLocaleString());  //2018/3/17 下午8:20:21

        date.setTime('1151825264221');
        console.log(date.toLocaleString());  //2006/7/2 下午3:27:44

    //5,正则表达式对象
        //正则表达式有自己独立的语法,php支持正则的语法,js也兼容
        console.log('cheng123lin'.match(/[a-z]+/));  //["cheng"]
        console.log('cheng123lin'.match(/[a-z]+/g));  //["cheng", "lin"]  //g:全局匹配
    

    //6,事件对象
    //
    //
    

    //7,DOM对象(把html对象转成js对象
    //dom:Document Object Model 文档对象模型,用来将html的标签转换成javascript对象
    //
    
    //8,BOM对象(浏览器对象
    //

    //9,window对象
    //
    
    //10,自定义对象
</script>  
</html>

 

posted @ 2019-03-17 21:54  cl94  阅读(188)  评论(0编辑  收藏  举报