Js第三天-CSDN博客

本文链接：https://blog.csdn.net/pikaqiu19/article/details/119004814

十二 js对象

1）对象

一个具体的事物

属性（事物的特征）和方法（食物的行为）组成的

2）创建对象的三种方式

1利用字面量

Var obj={ } 创建了一个空对象

属性方法采用键值对

多个属性或方法用逗号隔开

方法冒号后跟一个匿名函数

调用对象的属性对象名.属性名

调用对象的方法对象名.方法名

变量属性方法函数不同

2利用new Object

属性方法之间用分号结束

3利用构造函数

构造函数把对象里面一些相同的属性和方法抽象出来封装到函数里面

3）new关键字

4）遍历对象属性

Math不是一个构造函数不需要new调用直接使用里面的属性和方法即可

四舍五入5往大了取

Math.random()返回随机大于等于0小于1的浮点数

得到两个数之间的随机整数包括这两个数

Date调用必须new

返回的月份从0开始计算月份加一才是现实月份

格式化日期

获得总毫秒数

更常见写法

更简单

转时间戳转换具体格式时间方法

创建数组两种方式

检测是否为数组

数组添加元素末尾追加 push完毕后返回新的数组长度

Pop删除最后一个元素没有参数返回被删除的元素

Shift删除第一个元素

转换为字符串

字符串的不可变性

重新赋值只是指针指向改变了重新开辟空间

根据位置返回字符

代码练习

<!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>
        /* 倒计时Date();获取当前时间*/
        function countDown(time) {
            var nowTime = +new Date();
            var inputTime = +new Date(time);
            var times = (inputTime - nowTime) / 1000;//总秒数
            var d = parseInt(times / 60 / 60 / 24);
            var h = parseInt(times / 60 / 60 % 24);
            var m = parseInt(times / 60 % 60);
            var s = parseInt(times % 60);
            return d + '日' + h + '时' + m + '分' + s + '秒';
        }
        alert(countDown('2021-10-16 00:00:00'));
        /*猜数字游戏*/
        function getRandom(min, max) {
            return Math.floor(Math.random() * (max - min + 1)) + min;
        }
        var random = getRandom(1, 100);
        while (true) {
            var num = prompt('Input your number between 1 and 100');
            if (num > random) {
                alert('你猜大了');
            }
            else if (num < random) {
                alert('你猜小了');

            }
            else {

                alert('Right!');
                break;

            }
        }
        /*数组去重*/
        var arr = [1, 2, 3, 4, 3, 1, 5];
        function unique(arr) {
            var newarr = [];
            for (var i = 0; i < arr.length; i++) {
                if (newarr.indexOf(arr[i]) === -1) {
                    newarr.push(arr[i]);
                }
            }
            return newarr;
        }
        alert(unique(arr));
        /*字符串中元素出现的次数和位置*/
        var str = 'abagcddegfg';
        var num = 0;
        var index = str.indexOf('a');
        while (index !== -1) {
            console.log(index);
            index = str.indexOf('a', index + 1);
            num = num + 1;
        }
        console.log('a存在了' + num + '次');
        //求其中出现次数最多的字符 并统计其次数
        var num = 0;
        var o = {};
        for (var i = 0; i < str.length; i++) {
            if (o[chars]) {
                o[chars]++;
            } else {
                o[chars] = 1;
            }
        }

    </script>
</head>

<body>

</body>

</html>

web初识

Web APIs和js基础关联性