6.JS-对象-数组

@1932

已于 2022-03-27 17:02:42 修改

阅读量109

点赞数 1

分类专栏： JavaScript 文章标签： javascript html 学习

于 2022-03-27 16:53:54 首次发布

本文链接：https://blog.csdn.net/Hermione_m/article/details/123776481

版权

JavaScript 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

数组

Date

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Data</title>
    <script>
        /*
            Date对象
                - 在JS中使用Data对象来表示一个时间
        */
        //创建一个Date对象
        //如果直接使用构造函数创建一个Date对象，则会封装当前代码执行的时间
        var d = new Date();

        //创建一个指定的时间对象
        //需要在构造函数中传递一个表示时间的字符串作为参数
        //日期的格式：  月份/日/年  时:分:秒
        var d2 = new Date("02/24/2022 12:00:00"); 
        // console.log(d);
        // console.log(d2);
        /*
            getDate( )
                获取当前日期对象是几日

            getDay()
                获取当前日期对象时周几
                会返回一个0- 6的值
                0表示周日
                1表示周一

            getMonth( )
                获取当前时间对象的月份
                -会返回一个0-11的值
                0表示1月
                1表示2月
                11表示12月

            getFullYear( )
                获取当前日期对象的年份

            getTime( )
                - 获取当前日期对象的时间戳
                - 时间戳， 指的是从格林威治标准时间的1970年1月1日，0时0分日秒
                    到当前日期所花费的毫秒数(1秒= 1000毫秒)
                - 计算机底层在保存时间时使用都是时间戳

        */
        // var time = d2.getTime();
        //利用时间戳来测试代码执行的性能
        //获取当前的时间戳
        var start = Date.now();
        // console.log(start);

        for(var i = 0;i<100;i++){
            console.log(i);
        }

        var end = Date.now();
        console.log("执行了："+(end-start)+"毫秒");
    </script>
</head>
<body>
    
</body>
</html>

Math

Math和其他对象不同，它不是一个构造函数，
1. 它属于一个工具类不用创建对象
abs()可以用来计算一个数的绝对值
Math.ceil( )
1. 可以对一个数进行向.上取整，小数位只有有值就自动进1
Math. floor( )
1. 可以对一个数进行向下取整，小数部分会被舍掉
Math. round( )
1. 可以对一个数进行四舍五入取整
Math. random( )
1. 可以用来生成一个日- 1之间的随机数
2. 生成一个0-10的随机数
3. 生成一个x-y之间的随机数
  1. Math.round(Math.random()*(y-x)+x);
max()可以获取多个数中的最大值
min()可以获取多个数中的最小值
Math. pow(x,y)
1. 返回x的y次幂
Math.sqrt( )|
1. 用于对一个数进行开方运算

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Math</title>
    <script>
        for(var i = 0;i<100;i++){
            console.log(Math.round (Math.random()*10));
        }
        var max = Math.max(10,30,4,12,323);
        var min = Math.min(10,30,4,12,323);

        console.log("max = "+ max);
        console.log("min = "+ min);
        
    </script>
</head>
<body>
    
</body>
</html>

包装类

基本数据类型
1. String Number Boolean Null Undefined
引用数据类型
1. Object
在JS中为我们提供了三个包装类，通过这三个包装类可以将基本数据类型的数据转换为对象
String()
1. 可以将基本数据类型字符串转换为String对象
Number( )
1. 可以将基本数据类型的数字转换为 Number对象
Boolean( )
1. 可以将基本数据类型的布尔值转换为Boolean对象
但是注意:我们在实际应用中不会使用基本数据类型的对象，
1. 如果使用基本数据类型的对象，在做一些比较时可能会带来一些不可预料的结果
方法和属性之能添加给对象，不能添加给基本数据类型
1. 当我们对一些基本数据类型的值去调用属性和方法时，
  1. 浏览器会临时使用包装类将其转换为对象，然后在调用对象的属性和方法
  2. 调用完以后，再将其转换为基本数据类型
  3. 每次临时转换的对象不是同一个对象

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>包装类</title>
    <script>
        var num = new Number(3);
        var str = new String("hello");
        var bool = new Boolean(true);

        // console.log(num);
        // console.log(typeof num);
        // console.log(str);
        // console.log(typeof str);
        // console.log(bool);
        // console.log(typeof bool);

        var s = 123;
        s = s.toString();

        console.log(s);
        console.log(typeof s);


    </script>
</head>
<body>
    
</body>
</html>

字符串的方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>字符串的相关方法</title>
    <script>
        //创建一个字符串
        var str = "Hello Atguigu";
        /*
            在底层字符串是以字符串数组的形式保存的
            ["H","e","l"]
            length属性
                可以用来获取字符串的长度

        */
        //console.log(str.length);
        console.log(str[6]);
        var len = str.length;
        console.log("length = "+ len);

        /*
            charAt( )
                可以返回字符串中指定位置的字符
                根据索引获取指定的字符
            str.charAt(0);和 str[0];效果是一样的

        */
        console.log(str.charAt(0));
        /*
            charCodeAt( )
                获取指定位置字符的字符编码(Uni code编码)
            String. formCharCode( )
                可以根据字符编码去获取字符  
            concat( )
                可以用来连接两个或多个字符串
            indexof( )
                该方法可以检索一个字符串中是否含有指定内容
                如果字符串中含有该内容，则会返回其第一次出现的索引
                    如果没有找到指定的内容，则返回-1
                可以指定一个第二个参数，指定开始查找的位置
            lastIndex0f( ) ;
                该方法的用法和indexOf()一样，
                    不同的是indexOf是从前往后找，
                    而lastIndexOf是从后往前找.一个是字符第一次穿线的位置，一个是最后一次出现的位置
                    且这两个方法都区分大小写
                - 也可以指定开始查找的位置
            slice( )
                可以从字符串中截取指定的内容
                不会影响原字符串，而是将截取到内容返回
                参数:
                    第一个，开始位置的索引(包括开始位置)
                    第二个，结束位置的索引(不包括结束位置)
                        如果省略第二个参数，则会截取到后边所有的
                    也可以传递一个负数作为参数，负数的话将会从后边计算
            substring( ) 
                - 可以用来截取一个字符串，可以slice( )类似
                - 参数:
                    第一个:开始截取位置的索引(包括开始位置)
                    第二个:结束位置的索引(不包括结束位置)
                    不同的是这个方法不能接受负值作为参数，
                        如果传递了一个负值，则默认使用日
                    -而且他还自动调整参数的位置，如果第二个参数小于第一一个， 则自动交换
            substr( )
                用来截取字符串
                参数:
                    1.截取开始位置的索引
                    2.截取的长度
            split( )
                可以将一个字符串拆分为一个数组
                参数:
                    -需要一个字符串作为参数，将会根据该字符串去拆分数组
                    如果传递一个空串作为参数，则会将每个字符都拆分为数组中的一一个元素


            toUpperCase( )
                将一个字符串转换为大写并返回
            toLowerCase ( )
                将一个字符串转换为小写并返回






        */
        var result = str.indexOf("g",0);//第一个参数写查找的字符，第二个参数可以写从哪里开始查找
        console.log(result);
        result = str.lastIndexOf("g");
        console.log(result);

        result = str.slice(1,4);
        console.log(result);
        result = str.slice(1,-1);
        console.log(result);

        console.log(str);


        str = "abc,def,ghi,jkl";
        result = str.split(",");
        console.log(result);
        console.log(result.length);

        console.log(str);
    </script>
</head>
<body>
    
</body>
</html>

@1932

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
6.JS-对象-数组

数组Date<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
复制链接

扫一扫