七、Math和Date

最新推荐文章于 2024-08-18 21:08:41 发布

默默229

最新推荐文章于 2024-08-18 21:08:41 发布

阅读量157

点赞数

分类专栏：前端文章标签： html 前端 javascript es6 排序算法

本文链接：https://blog.csdn.net/qq_63011146/article/details/121590929

版权

前端专栏收录该内容

33 篇文章 3 订阅

订阅专栏

1.排序算法

2.Math对象

3.Date对象

1.排序算法

sort()方法，用于对数组排序。注意：该排序方法，是根据数组中，每一个元素首字符的unicode编码进行排序的

手写排序算法：

1.冒泡排序算法

2.选择排序算法

<!DOCTYPE html>
<html>
<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>
</head>
<body>
    <script>
        // sort()方法，用于对数组排序
        let arr1 = [33,55,22,11,44]
        // console.log(arr1);
        // 注意：该排序方法，是根据数组中，每一个元素首字符的unicode编码进行排序的
        // arr1.sort()

        // 冒泡排序算法
        // 第一层循环，控制比较的轮数 (数组长度为5，比较4轮)
        for(let i=0;i<arr1.length-1;i++){
            // 第二层循环，控制每轮比较的次数（第一轮比较4次，第四轮比较1次）
            for(let j=0;j<arr1.length-1-i;j++){
                // 每次用前一个数 去比较 后一个数
                if(arr1[j] > arr1[j+1]){
                    //如果前一个数 大于 后一个数 就 互换位置
                    //定义一个中间变量，去换位置
                    let temp = arr1[j]
                    arr1[j] = arr1[j+1]
                    arr1[j+1] = temp
                }
            }
        } 
        console.log(arr1);
        // 选择排序算法
        // 第一层循环，控制每轮选择的数
        for(let i=0;i<arr1.length-1;i++){
            // 第二层循环，控制每轮参与比较的数（第一轮，j从1-4；第二轮，j从2-4）
            for(let j=i+1;j<arr1.length;j++){
                //如果选择的数 大于 参与比较的数 就互换
                if(arr1[i] > arr1[j]){
                    let temp = arr1[i]
                    arr1[i] = arr1[j]
                    arr1[j] = temp
                }
            }
        }
        console.log(arr1);
    </script>
</body>
</html>

控制台显示：

2.Math对象

Math对象里面提供的方法，可以帮助我们解决算术问题

提供的方法：

1.Math.random() 返回一个0到1之间的随机数

2.abs() 返回一个数的绝对值

3.ceil() 向上取整

4.floor() 向下取整

5.max() 返回最大值

6.min() 返回最小值

7.pow() 返回指定数的次幂

8.round() 四舍五入

9.PI属性，返回圆周率

<!DOCTYPE html>
<html>
<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>
</head>
<body>
    <script>
        // Math对象 里面提供的方法，可以帮助我们解决算术问题
        // PI属性，返回的是圆周率
        console.log(Math.PI);
        // random() 返回一个0到1之间的随机数
        console.log(Math.random());
        // 随机返回一个1000-2000之间的数
        console.log(parseInt(Math.random()*1001)+1000);
        // abs() 返回一个数的绝对值
        console.log(Math.abs(-55));
        // ceil() 向上取整(只要有小数，就进一)
        console.log(Math.ceil(55.01));
        // floor() 向下取整（去掉所有小数点）
        console.log(Math.floor(55.99))
        // max() 返回最大值
        console.log(Math.max(11,22,33,38,2,3,4));
        // min() 返回最小值
        console.log(Math.min(11,22,33,38,2,3,4));
        // pow() 返回指定数的次幂
        console.log(Math.pow(3,3));
        console.log(Math.pow(4,4));
        // round() 四舍五入
        console.log(Math.round(55.5));
        console.log(Math.round(55.4));
        console.log(Math.round(-55.5));
        console.log(Math.round(-55.6));
        // sqrt() 开平方根
        console.log(Math.sqrt(16));
    </script>
</body>
</html>

控制台显示：

3.Date对象

创建并返回系统当前日期

let date1 = new Date()

在创建日期对象时，可以传递一个时间戳参数。时间戳：是从1970-1-1开始的毫秒数

let date2 = new Date(123456789)

也可以根据一个指定的时间，返回一个日期对象

let date3 = new Date('2011-1-1 12:12:12')

提供的方法：

1.getFullYear() 返回年份

2.getMonth() 返回月份返回的值是0-11（0表示1月份，11表示12月份）

3.getDate() 返回月份的日期

4.getDay() 返回星期几返回的值是0-6，（0表示星期天）

5.getHours() 返回小时返回的值是0-23（0表示凌晨12点）

6.getMinutes() 返回分钟

7.getSeconds() 返回秒

8.getMilliseconds() 返回毫秒

9.getTime() 返回时间戳

getXXX方法用于获取时间对象中指定的部分

setXXX方法用于设置时间对象中指定的部分

练习题：

1.计算两个日期相差多少天，注意：两日期对象相减，返回的是两个日期时间戳相减后的值

2.时间效果

<!DOCTYPE html>
<html>
<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>Date对象</title>
</head>
<body>
    <script>
        // 创建并返回系统当前日期
        let date1 = new Date()
        console.log(date1);
        // 也可以根据一个指定的时间，返回一个日期对象
        let date2 = new Date('2020-11-11 3:3:3')
        console.log(date2);
        // 在创建日期对象时，可以传递一个时间戳参数
        // 时间戳：是从1970-1-1开始的毫秒数
        let date3 = new Date(1234234234232)
        console.log(date3);
        console.log('------------------------------');
        // getFullYear() 返回年份
        let year = date1.getFullYear()
        console.log(year);
        // getMonth() 返回月份 返回的值是0-11（0表示1月份，11表示12月份）
        let month = date1.getMonth()+1
        console.log(month);
        // getDate() 返回月份的日期
        let date = date1.getDate()
        console.log(date);
        console.log(`${year}-${month}-${date}`);
        // getHours() 返回小时 返回的值是0-23（0表示凌晨12点）
        let hour = date1.getHours()
        console.log(hour);
        // getMinutes() 返回分钟
        let minute = date1.getMinutes()
        console.log(minute);
        // getSeconds() 返回秒
        let second = date1.getSeconds()
        console.log(second);
        console.log(`${year}-${month}-${date} ${hour}:${minute}:${second}`);
        // getMilliseconds() 返回毫秒
        let millisecond = date1.getMilliseconds()
        console.log(millisecond);
        // getDay() 返回星期几 返回的值是0-6，（0表示星期天）
        let day = date1.getDay()
        console.log(day);
        console.log('------------------------------');
        // 时间对象的方法getXXX()用于获取指定的时间部分，setXXX()用于设置时间的指定部分
        // 每一个get方法都有一个对应的set方法。
        date1.setMonth(9)
        date1.setFullYear(2020)
        console.log(date1);
        console.log('------------------------------');
        // 两个日期对象，可以加减运算，返回的是两个日期对象时间戳加减后的结果
        let d1 = new Date('2002-10-14')
        let d2 = new Date()
        let time = d2-d1   //两个日期相减后的毫秒数
        console.log(time);
        console.log(Math.floor(time/1000));
        console.log(Math.floor(time/1000/60));
        console.log(Math.floor(time/1000/60/60));
        console.log(Math.floor(time/1000/60/60/24));
    </script>
</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>
    <style>
        div {
            font-size: 30px;
            background-color: #369;
            color: white;
            display: inline-block;
            padding: 2px 10px;
        }
    </style>
</head>
<body>
    <div id="date">
    </div>
    <script>
        // 获取网页中的div元素(根据元素的id选择器，获取元素)
        let div = document.getElementById('date')
        //定时器，让定时器1000毫秒执行一次
        setInterval(() => {
            // 创建一个当前日期对象
            let now_date = new Date()
            // 获取年月日，时分秒
            let year = now_date.getFullYear()
            let month = now_date.getMonth() + 1
            let date = now_date.getDate()
            let hour = now_date.getHours()
            let minute = now_date.getMinutes()
            let second = now_date.getSeconds()
            //将获取到的时间信息，拼接成一个字符串
            let str = [year, month, date].join('-') + ' ' + [hour, minute, second].join(':')
            //将拼接后的时间数据，显示在div中
            div.innerText = str
        }, 1000);
    </script>
</body>

</html>

网页显示为:

默默229

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
七、Math和Date

目录1.排序算法2.Math对象3.Date对象1.排序算法sort()方法，用于对数组排序。注意：该排序方法，是根据数组中，每一个元素首字符的unicode编码进行排序的手写排序算法：1.冒泡排序算法2.选择排序算法<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conte
复制链接

扫一扫