当前位置：首页 > news >正文

HTML之JavaScript对象

news 2025/7/3 10:43:04

HTML之JavaScript对象

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
        参考文档地址：https://www.runoob.com/js/js-obj-intro.html
            json        java
            数据类型变量 数据类型变量
            运算符       运算符
            流程控制     流程控制
            函数         方法
            对象         面向对象
            常见对象 *   Java常用类(类库)

            1.数组
                1.数组创建方式
                2.数组API

        */
        var arr = new Array(); // 类似于object集合
        var arr1 = new Array(3); // 类似于object集合
        var arr1 = new Array("张三", 10, false); // 等价: arr1 = ["张三",10,false];
        console.log(arr + " " + arr.length);
        // 向数组中添加数据
        arr[0] = 10;
        arr.length = 20; // 修改数组长度
        console.log(arr + " " + arr.length);

        // 数组API
        var arr2 = ["张三", 10, false];
        var arr3 = ["李四", 20, true];
        var arr4 = arr2.concat(arr3); // 合并数组
        var s = arr4.pop(); // 删除数组最后一个元素  出栈
        var s1 = arr4.push("王五"); // 向数组尾端中添加元素 入栈
        // 索引查找,从前往后查找
        var s2 = arr4.indexOf("张三"); // 查找元素的索引
        // 从指定位置开始查找
        var s3 = arr4.indexOf("张三", 1);
        // 从后往前查找
        var s4 = arr4.lastIndexOf("张三");
        //转换成字符串
        var s5 = arr4.join("-");

        // Date对象  js本身并不具备格式化日期的功能，      参考说明：https://www.runoob.com/js/js-obj-date.html
        var date = new Date();
        date.toDateString("yyyy-MM-dd HH:mm:ss");
        console.log(date);
        let year = date.getFullYear();
        let month = date.getMonth() + 1;  // 月份从0开始，需加1
        let day = date.getDate();
        let hours = date.getHours();
        let minutes = date.getMinutes();
        let seconds = date.getSeconds();

        // 自定义格式化输出: "2025-02-16 14:30:00" 
        let formattedDate = `${year}-${month < 10 ? '0' + month : month}-${day < 10 ? '0' + day : day} ${hours < 10 ? '0' + hours : hours}:${minutes < 10 ? '0' + minutes : minutes}:${seconds < 10 ? '0' + seconds : seconds}`;
        console.log(formattedDate);


    </script>
</head>

<body>

</body>

</html>