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 阅读(189) 评论(0) 收藏举报
刷新页面返回顶部
cl94

js的内置对象

公告
