2022年11月21日13:32:00——T5——JS对象与Date日期函数

news2025/7/18 17:37:21

1、JavaScrip对象的使用:

        /**
         * 1、对象的声明赋值使用的是{}花括号,大括号
         * 2、对象中的值以key:value的格式进行赋值,多个值中间使用【,】区分
         * 3、获取对象中的值的方法需要通过[]并给与key名的方式获取:item["name"]
         * /

    <script>
        var item = {
            id: 9527,
            name: "王语嫣",
            age: 16,
            introduce: "燕子坞·王夫人的姑娘·段誉的媳妇,琅嬛福地的神仙姐姐。"
        };
        // 输出的是item
        document.write("编号:" + item["id"] + "<br/>");
        document.write("昵称:" + item["name"] + "<br/>");
        document.write("年龄:" + item["age"] + "<br/>");
        document.write("简介:" + item["introduce"] + "<br/>");
        //整个对象
        document.write(item);
        //控制台查看
        console.log(item);
        //Object-对象的总结
        /*
         * 1、对象的声明赋值使用的是{}花括号,大括号
         * 2、对象中的值以key:value的格式进行赋值,多个值中间使用【,】区分
         * 3、获取对象中的值的方法需要通过[]并给与key名的方式获取:item["name"]
         */
    </script>

数组遍历:

    <script>
        var item = [{
            id: 9527,
            name: "王语嫣",
            age: 16,
            introduce: "燕子坞·王夫人的姑娘·段誉的媳妇,琅嬛福地的神仙姐姐。"
        }, {
            id: 89757,
            name: "JJ林俊杰",
            age: 20,
            introduce: "林俊杰·唱的《美人鱼》。"
        }];
        // 遍历输出的是item
        for (let i = 0; i < 2; i++) {
            document.write("编号:" + item[i]["id"] + "<br/>");
            document.write("昵称:" + item[i]["name"] + "<br/>");
            document.write("年龄:" + item[i]["age"] + "<br/>");
            document.write("简介:" + item[i]["introduce"] + "<br/>");
        }
    </script>

2、date日期对象

主要需要记忆的是各种Date的获取函数,是函数,所以使用的时候需要添加()。

其中:dateObject 所指的月份中的某一天,使用本地时间。返回值是 1 ~ 31 之间的一个整数。

这里看好,getDate() 是获取当前的日期,每个月的,例如,如果是2月份就只有28或29天了。根据闰年自动出的。

    <!-- Data != Date -->
    <!-- 数据  != 日期 -->
    <script>
        var time = new Date();
        document.write(time);
        // 控制台输出time——Date类型
        console.log(time);
        //输出Date对象包含的内容
        document.write("<hr color='red'/>");
        document.write("年:" + time.getFullYear());
        document.write("月:" + time.getMonth());
        document.write("日:" + time.getDate());
        document.write("时:" + time.getHours());
        document.write("分:" + time.getMinutes());
        document.write("秒:" + time.getSeconds());
        document.write("<hr/>");
        //时间拼接:
        document.write(time.getFullYear() + "-" +
            time.getMonth() + "-" +
            time.getDate() + " " +
            time.getHours() + ":" +
            time.getMinutes() + ":" +
            time.getSeconds()
        )
    </script>
  1. milliseconds 参数是一个 Unix 时间戳(Unix Time Stamp),它是一个整数值,表示自 1970 年 1 月 1 日 00:00:00 UTC(the Unix epoch)以来的毫秒数。
  2. dateString 参数表示日期的字符串值。
  3. year, month, day, hours, minutes, seconds, milliseconds 分别表示年、月、日、时、分、秒、毫秒。 

3、Image图片对象

// Image图片标签在切换图片的时候使用的是src属性,
//图片路径规则可以为相对路径也可以为绝对路径

    <!-- Image对象 -->
    <script>
        var isf = 0;

        function ChangeSrc() {
            if (isf == 0) {
                document.getElementById("imgs").src = "imgs//2.png";
                isf = 1;
            } else {
                document.getElementById("imgs").src = "imgs//1.png";
                isf = 0;
            }
            // Image图片标签在切换图片的时候使用的是src属性,
            //图片路径规则可以为相对路径也可以为绝对路径
        }
    </script>
    <p><img src="imgs//1.png" title="更换图片标签" id="imgs" width="1000px" /></p>
    <p>
        <button onclick="ChangeSrc()" style="width: 50%;height: 30vh;">切换</button>
    </p>

4、数学函数Math

    <script>
        document.write(Math.abs(-10));
        document.write("<br/>");
        document.write(Math.ceil(3.14));
        document.write("<br/>");
        document.write(Math.floor(3.94));
        document.write("<br/>");
        document.write(Math.pow(2, 10));
        document.write("<br/>");
        document.write(Math.max(2, 10));
        document.write("<br/>");
        document.write(Math.min(2, 10));
        document.write("<br/>");
        document.write(Math.ceil(Math.random() * 10));
        document.write("<br/>");
        document.write(Math.round(50.534));
        document.write("<br/>");
        document.write(Math.sqrt(3));
        document.write("<br/>");
    </script>

JS数组

  • 每个数组变量都有一个length属性,表示该数组中元素的个数。
  • 定义一个数组变量后,就可以使用“数组变量名[索引号]”的格式来访问每个数组元素。
  • 数组列表中的第一个元素的索引号为0,其后的每个元素的索引号依次递增,最后的元素索引为数组的长度-1。
  • 如果数组元素本身是一个数组,那么这个元素称为子数组,可以使用“数组变量名[子数组索引号][子数组中的元素索引号]”的格式来访问子数组中的元素。
<body>
     <script type="text/javascript">
	var arr=[' 白色',' 紫色',' 橙色',' 红色'];
	for(var i=0; i<arr.length;i++) {
	     document.write(arr[i]+"<br/>");
	}
     </script>
</body>

在上面可以看到数组的创建方法,但是很多时候我们可以直接声明。

var arr=new Array()      //数组初始元素个数为0

var arr=new Array(4); //创建具有指定大小的Array 对象

var arr=new Array(1,2,3); //用指定的元素列表去初始化Array 对象,数组的长度是设置的元素的数目

加强for循环【for i in array:】

加强for循环由于没有下标控制需要通过PC计数器进行寻址。

<script type="text/javascript">
    var arr = ["王语嫣", " 小龙女", " 赵灵儿", " 关关雎鸠"]
    for (var i in arr) {
        document.write(arr[i] + "<br/>");
    }
</script>

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/28882.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

电脑怎么设置开机密码?简单几步给你的电脑“上锁”

在我们日常生活中&#xff0c;最常见的就是开机密码了&#xff0c;而电脑作为我们使用频率最高也是最复杂的设备&#xff0c;其安全性也是非常重要的&#xff0c;那么电脑怎么设置开机密码&#xff1f;那么今天我们就来说一说开机密码的设置方法&#xff01;为了更安全&#xf…

Essay写作字数怎么正确进行删减?

对于留学生来说&#xff0c;Essay写作伴随着整个留学生活。正因为留学生大量的Essay作业&#xff0c;不少留学生为了规定的Essay字数而发愁&#xff0c;毕竟既不能写得太少&#xff0c;又不能写得太多&#xff0c;所以很纠结。那么如何根据老师规定的字数进行删减呢&#xff1f…

Talk | 微软亚洲研究院宋恺涛南大余博涛:面向文本/音乐序列任务的Transformer注意力机制设计

本期为TechBeat人工智能社区第456期线上Talk&#xff01; 北京时间11月22日(周二)20:00&#xff0c;微软亚洲研究院研究员——宋恺涛与南京大学硕士研究生——余博涛的Talk将准时在TechBeat人工智能社区开播&#xff01; 他们与大家分享的主题是: “面向文本/音乐序列任务的Tra…

String类_Java(一)

作者&#xff1a;爱塔居的博客_CSDN博客-JavaSE领域博主 专栏&#xff1a;JavaSE &#x1f33c;作者简介&#xff1a;大三学生&#xff0c;希望跟大家一起进步&#xff01; 文章目录 目录 文章目录 前言 一、构造字符串 二、Sring对象的比较 2.1 比较是否引用同一对象 2.2 比较…

跨平台编译工具--CMake上手教程

文章目录一、引入二、基本关键字1.PROJECT2.SET3.MESSAGE4.ADD_EXECUTABLE5.ADD_SUBDIRECTORY(1)使用(2)CMakeLists执行顺序(3)输出文件的位置6.INSTALL(1)安装文件(2)安装非目标文件可执行文件(3)安装目录(4)安装指令7.ADD_LIBRARY8.SET_TARGET_PROPERTIES三、语法的基本规则四…

知识引擎藏经阁天花板——高性能Java架构核心原理手册

开场 本书是按照程序设计与架构的顺序编写的&#xff0c;共13章。 第1章介绍学习高性能Java应了解的核心知识&#xff0c;为前置内容。 第2章和第3章讲解在编写代码之前&#xff0c;如何高效地为My SQL填充亿级数据&#xff0c;并对My SQL进行基准测试&#xff0c;以便在之后…

Linux-awk和printf

printf printf ‘输出类型输出格式’ 输内容 输出类型&#xff1a; %ns 输出字符串&#xff0c;n是数字指代输出几个字符 %ni 输出整数&#xff0c;n是数字&#xff0c;指代输出几个数字 %m.nf 输出浮点数&#xff0c;m和n是数字&#xff0c;指代输出总位数和小数位数&#xf…

YOLO V1学习总结

图片大小&#xff1a;448 * 448 —> 7 * 7 *&#xff08;5 * B C&#xff09; 5&#xff1a;每个框的x,y,w,h,confidence; B2&#xff1a;在7*7的feature上&#xff0c;每个cell会生成2个预测框&#xff1b; C&#xff1a;类别数。 损失函数 坐标中心误差和位置宽高的误差…

卷积神经网络基本概念

卷积神经网络基本概念1. 感受野2. 卷积核3. 特征图【feature map】4. 通道【channel】5. 填充【padding】6. 步长【stride】7. 池化【pooling】8. dropout数字1处&#xff1a;一个圈表示一个神经元数字2处&#xff1a;一个圈表示一个神经元&#xff0c;圈的大小表示感受野的大小…

基于matlab的最小支配集CDS仿真

目录 1.算法描述 2.仿真效果预览 3.MATLAB部分代码预览 4.完整MATLAB程序 1.算法描述 支配集的定义如下&#xff1a;给定无向图G &#xff08;V , E&#xff09;,其中V是点集&#xff0c; E是边集&#xff0c; 称V的一个子集S称为支配集当且仅当对于V-S中任何一个点v, 都有…

一、FFmpeg 的初尝试《FFmpeg 音视频开发基础入门到实战》

学习目标 了解 FFmpeg学习 FFmpeg 工具的下载及环境配置了解 FFmpeg 工具的使用方式了解 FFmpeg play 的使用方法了解 FFmpeg paly 的音量设置、窗口设置、音量设置等设置方法 一、了解 FFmpeg FFmpeg 是一个音视频处理的工具&#xff0c;通过 FFmpeg 可以对视频进行旋转、缩…

新零售SaaS架构:多租户系统架构设计

什么是多租户&#xff1f; 多租户是SaaS领域的特有产物&#xff0c;在SaaS服务中&#xff0c;租户是指使用SaaS系统的客户&#xff0c;租户不同于用户&#xff0c;例如&#xff0c;B端SaaS产品&#xff0c;用户可能是某个组织下的员工&#xff0c;但整个企业组织是SaaS系统的租…

得数据者得天下!作为后端开发必备技能之一的MySQL,这份十多年经验总结的应用实战与性能调优我想你肯定是需要的!

MySQL对于很多Linux从业者而言&#xff0c;是一个非常棘手的问题&#xff0c;多数情况都是因为对数据库出现问题的情况和处理思路不清晰。在进行MySQL的优化之前必须要了解的就是MySQL的查询过程&#xff0c;很多的查询优化工作实际上就是遵循一些原则让MySQL的优化器能够按照预…

跑步戴什么耳机比较好、精挑五款最佳跑步耳机推荐

运动蓝牙耳机近几年受到市场的欢迎&#xff0c;种类越来越多&#xff0c;各类功能也日益五花八门&#xff0c;消费者很难准确的进行分辨&#xff0c;一不小心可能买到华而不实的产品。现在了解一下值得入手的运动蓝牙耳机&#xff0c;从多个角度对蓝牙耳机进行评估后&#xff0…

大数据项目之电商数仓、实时数仓同步数据、离线数仓同步数据、用户行为数据同步、日志消费Flume配置实操、日志消费Flume测试、日志消费Flume启停脚本

文章目录8. 实时数仓同步数据9. 离线数仓同步数据9.1 用户行为数据同步9.1.1 数据通道9.1.1.1 用户行为数据通道9.1.2 日志消费Flume配置概述9.1.2.1 日志消费Flume关键配置9.1.3 日志消费Flume配置实操9.1.3.1 创建Flume配置文件9.1.3.2 配置文件内容如下9.1.3.2.1 配置优化9.…

Arcpy新增随机高程点、空间插值及批量制图

&#xff08;1&#xff09;在“地质调查点基础数据表.xls”中图幅范围内增加200个随机位置的高程点。构建一个shape文件&#xff0c;采用自定义工具的模式&#xff0c;参数有两个&#xff1a;一个是让用户选择excel文件&#xff0c;一个让用户指定新生成的文件名。 &#xff08…

五子棋小游戏——Java

文章目录一、内容简介&#xff1a;二、基本流程三、具体步骤1.菜单栏2.创建棋盘并初始化为空格(1)定义行数、列数为常量(2)定义棋盘(3)给棋盘添加坐标并初始化棋盘为空格3.打印棋盘4.玩家落子5.判断输赢四、代码实现五、效果展示一、内容简介&#xff1a; 五子棋小游戏是我们日…

网络工程SSM毕设项目 计算机毕业设计【源码+论文】

文章目录前言 题目1 : 基于SSM的游戏攻略资讯补丁售卖商城 <br /> 题目2 : 基于SSM的疫情期间医院门诊网站 <br /> 题目3 : 基于SSM的在线课堂学习设计与实现<br /> 题目4 : 基于SSM的大学生兼职信息系统 <br /> 题目5 : 基于SSM的大学生社团管理系统 …

2022 云原生编程挑战赛圆满收官,见证冠军战队的诞生

11 月 3 日&#xff0c;天池大赛第三届云原生编程挑战赛在杭州云栖大会圆满收官。三大赛道18大战队手历经 3 个月激烈的角逐&#xff0c;终于交上了满意的答卷&#xff0c;同时也捧回了属于他们的荣耀奖杯。 云原生编程挑战赛发起人王荣刚在开场分享中提到&#xff0c;“在阿里…

【无标题】后来,我认为王阳明比尼采,叔本华都高明

悲欣交集 ——灵遁者 虽然我是个写作者&#xff0c;但我还是希望无苦难可以诉说。可事与愿违&#xff0c;我的笔下总有忧伤&#xff0c;也许我天生忧郁。 我觉得现在比以往任何时候&#xff0c;都更能体验和接触苦难。打开新闻&#xff0c;打开抖音&#xff0c;苦难就扑面而…