【web】JavaScript笔记小结内置对象 + 数据类型（Day 4）

进击的文文文

已于 2022-11-17 13:35:29 修改

阅读量425

点赞数

分类专栏： web 文章标签：前端 javascript

于 2022-10-11 08:00:36 首次发布

本文链接：https://blog.csdn.net/weixin_61096287/article/details/127073243

版权

web 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

过完国庆假期回来更新了kkk

来源：JavaScript基础语法

I.内置对象

① 概念

❀ 查文档

※※ MDN

网址：MDN Web Docs

※※ 学习对象中的方法

② 常用内置对象

❀ 调用 → 对象名.函数()

❀ Math 对象

※※ max 详解

※※ 随机数

※※ 猜数字游戏

因为是自己写的，所以跟 pink 写的不太一样 qwq

※※※※ 代码

function getRandom(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
    }
    var ans = getRandom(1, 50),
        t = 0;
    console.log(ans);
    while (1) {
        var num = prompt("来玩猜数字游戏嘛？这个数字在1~50之间哦！");
        t++;
        if (num > ans) alert("猜大了，再试试吧！");
        else if (num < ans) alert("猜小了，再猜猜吧！");
        else {
            if (t < 6) alert("猜了" + t + "次就猜对了， 你真厉害！ ");
            else if (t < 11) alert("猜了" + t + "次就猜对了， 还不错哦！ ");
            else alert("猜了" + t + "次才猜对了， 还得努力啊！ ");
            break;
        }
}

※※※※ 截图

※※※※※※ 5次以内

※※※※※※ 10次以内

※※※※※※ 10次以上

❀ 日期对象

※※ 概述

※※ Date() 的使用

※※ 格式化

※※※※ 输出今天的日期信息

<script>
        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth() + 1;
        var dates = date.getDate();
        var arr = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
        var day = date.getDay();
        console.log("今天是" + year + "年" + month + "月" + dates + "日 " + arr[day] + ",现在是" + gettime());

        function gettime() {
            var date = new Date();
            var h = date.getHours();
            h = h >= 10 ? h : "0" + h;
            var m = date.getMinutes();
            m = m >= 10 ? m : "0" + m;
            var s = date.getSeconds();
            s = s >= 10 ? s : "0" + s;
            return h + ":" + m + ":" + s;
        }
</script>

※※ 获取日期的总的毫秒形式

也叫时间戳

※※ 倒计时案例

PS. vscode上自动格式化了，所以多空了四格orz

    <script>
        function countDown(time) {
            var nowtime = +new Date();
            var inputtime = +new Date(time);
            var zs = (inputtime - nowtime) / 1000; //总秒数
            var s = parseInt(zs % 60); //还剩多少秒
            var m = parseInt(zs / 60 % 60) //分钟
            var h = parseInt(zs / 60 / 60 % 60); //小时
            var d = parseInt(zs / 60 / 60 / 24); //天数
            s = gsh(s), m = gsh(m), h = gsh(h), d = gsh(d);
            return d + "天" + h + "小时" + m + "分钟" + s + "秒";
        }

        function gsh(t) { //时间格式化
            t = t < 10 ? "0" + t : t;
            return t;
        }
        console.log(countDown('2023-10-10 13:00:00'));
        var date = new Date();
        console.log(date);
    </script>

❀ 数组对象

※※ 创建

※※ 检测

※※※※ 使用案例

※※ 添加或删除元素

※※※※ 添加

※※※※ 删除

※※ 排序

※※ 索引

※※※※ 去重

    <script>
        function unique(arr) {
            var arr1 = [];
            for (var i = 0; i < arr.length; i++)
                if (arr1.indexOf(arr[i]) == -1) arr1.push(arr[i]);
            return arr1;
        }
        var arr = ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'];
        console.log(arr);
        console.log(unique(arr));
    </script>

※※ 转换为字符串

※※ 补充内容

❀ 字符串对象

※※ 基本包装类型

※※ 不可变

字符串所有的方法都不会修改字符串本身（字符串是不可变的）→ 操作完成返回一个新的字符串

※※ 根据字符返回位置

※※※※ 求某个字符出现的位置及次数

    <script>
        var str = "abcoefoxyozzopp";
        var ind = str.indexOf('o'),
            cnt = 0;
        while (ind != -1) {
            console.log(ind);
            ind = str.indexOf('o', ind + 1);
            cnt++;
        }
        console.log("出现次数：" + cnt);
    </script>

※※ 根据位置返回字符🔥

※※※※ 出现次数最多的字符

※※※※※※ 前置知识点

这个是看了课才会写的T^T

    <script>
        var str = "abcoefoxyozzopp";
        var o = {};
        for (var i = 0; i < str.length; i++) {
            var chars = str.charAt(i);
            if (o[chars]) o[chars]++;
            else o[chars] = 1;
        }
        console.log(o);
        var max = 0;
        var ch = '';
        for (var k in o) //这里没学过啊喂(#`O′)！
            if (o[k] > max) {
                max = o[k];
                ch = k;
            }
        console.log(max);
        console.log("最多的字符是" + ch);
    </script>