JavaScript基础(十)

news2024/10/5 15:30:42

上一篇学了各种数组方法,正好先做个练习回忆一下:

排序并去重

我随便写一组数,要求排好并去掉重复的:

 var arr =[2,8,1,7,2,6,1,5,2,7,6,5];

    for (var i=0; i<arr.length; i++){

        for (var j=i+1; j<arr.length; j++){

            if(arr[i]==arr[j]){

                arr.splice(j,1);

                j--

            }

        }

    }

    arr.sort(function(a,b){

        return a-b;

    })

    console.log(arr);

ef310417918c4f54a1b5df366d14bdbe.png

都很简单,就两个要注意的函数,忘了就看看上篇,还有判断两组数组重复时,用==,我都加黑了,为什么强调呢,因为我一不留神就用了一个,还差点没看到,所以不要小看一些小错误,后面写项目代码一多,搁谁谁头大。

内置对象之Date

Date是一个日期对象,里面包含了很多和日期有关的方法和属性。

1.创造Date对象

 // var 变量名=new Date();

    var a=new Date();

2.Date对象的方法

方法名:

getFullYear()

返回Date对象的年份,其值为四位数。

getMonth()

返回Date对象的月份,其值介于0到11之间。(注:0是1月份,11代表12月)

getDate()

返回Date对象的日,其值介于1到31之间。

getHours()

返回Date对象的小时数,其值介于0到23之间。

getMinutes()

返回Date对象的分钟数,其值介于0到59之间。

getSeconds()

返回Date对象的秒数,其值介于0到59之间。

getDay()

返回Date对象的星期的每一天,其值介于0到6之间。

例子:

 var dateTime=new Date();

    //获年

    var year=dateTime.getFullYear();

    document.write(year+'<br>');

    //获取月 我们可以给他加一

    var month=dateTime.getMonth()+1;

    document.write(month+'月');

    //获取日

    var data=dateTime.getDay();

    document.write(data+'日'+'<br>');

    //获取时

    var h=dateTime.getHours()+1;

    document.write(h+'时');

    //获取分

    var m=dateTime.getMinutes()+1;

    document.write(m+'分');

    //获取秒

    var s=dateTime.getSeconds()+1;

    document.write(s+'秒'+'<br>');

    //获取星期

    var week=['星期日','星期一','星期二','星期三','星期四','星期五','星期六']

    var day=dateTime.getDay();

    document.write(week[day]);

1c37b1805c58432d9f54db825029982f.png

好,那写个练习:判断几天后是星期几。

 var day=prompt('请输入天数(1-0数字)');

        var date=new Date();

        var arr=['周日','周一','周二','周三','周四','周五','周六'];

        var index=date.getDay()+day%7;

        alert(day+"天后是"+arr[index]);

442dcb350a1d42d69c0a3ee76a4a3d0b.png

3883bbc7698e4910bb588eb1ab1b7698.png 

对我们现在来说都没难度。

还有好玩的

  //编写时钟

    //setInterval每秒都执行一次内部操作

    setInterval (function(){

        //我们可以通过setInterval每秒执行后面的函数

        var time=new Date();

        //每秒获取最新时间

        var s= time.getSeconds();

        document.write(s);

    },1000);//后面的1000是1000ms后也就是1s后执行一次操作,可以自行设置

    //用document.write来操作页面,每次都往上加,这不好。

 

 //我们再body中写个div,我们来获取一下这个元素

    //通过get标签名来找到这个标签的下标,来找到这个具体的标签。

    var div_=document.getElementsByTagName('div')[0];

    setInterval (function(){

        var time=new Date();

        var s= time.getSeconds();

        //可以通过innerHTML这个标签往div中添加内容,这里添加的就是我们获取的每秒最新时间

        div_.innerHTML=s;

    },1000);//每秒往里面放最新时间,下一个会覆盖上一个。

9e7022b5435c48f5880421ba07a05c6e.png

每次都添加上了,可以把年月日都加上,在给个样式,后面js高级我们都会讲。

还有什么别的获取元素方法?

    //这是通过id名来获取元素,不需要下标id只有一个

    var div_=document.getElementById('id名');

    //这是通过类名来获取元素,类名可以有重复,所以需要下标

    var div_=document.getElementsByClassName('类名')['下标'];

//那innerHTML还有别的使用说明吗

    div_.innerHTML='<h1>你好你<br>好你好<h1>'

一些标签它是认识的

ed7d630272cc45f3bc3b48f849707e73.png

    //还有一个innertext,插入文本原样输出

    div_.innerText='<h1>你好你<br>好你好<h1>'

2494d6600ced4683a446e64d887c867a.png

我们这里大体提一下,后面js高级讲节点会详细说,节点是让新人头大的部分,我们先期待一下。

String对象

字符串对象

有两种写法,如:

var str='123'

var str=new String (123)

直接用引号引起来就是字符串,要不就是new一个字符串对象。

var str='你好世界';

console.log(typeof str);

//字符串对象居然也有.length属性!

console.log(str.length);

//这不是数组的属性吗?那是不是也可以用下标拿出内容?

console.log(str[0]);

//这可以,那是不是也能像数组一样遍历?

for(var i of str){

    console.log(i);

}

fb6d25dfe148424f9a0fdef212f9c892.png

//好,我们发现这玩意跟数组一样,那为啥呢,是因为它里面埋了一个接口,卖个关子,我们放到ES6再讲。

 

 

 

 

 

 

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

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

相关文章

前端路由 Hash 模式和 History 模式

在SPA单页面模式盛行&#xff0c;前后端分离的背景下&#xff0c;我们要弄清楚路由到底是个什么玩意&#xff0c;它可以帮助我们加深对于前端项目线上运作的理解。 而现在我们常见的路由实现方式&#xff0c;主要有两种&#xff0c;分别是history和hash模式。 理解 如何理解路…

配餐中的红酒温度控制与口感体验

在红酒配餐中&#xff0c;温度控制是影响口感体验的重要因素之一。合适的温度可以释放红酒的香气和风味&#xff0c;使酒体更加圆润和丰富。云仓酒庄雷盛红酒以其卓着的品质和与众不同的口感&#xff0c;成为了红酒爱好者们的首要选择品牌。下面将介绍如何通过温度控制提升红酒…

奈飞CEO最新访谈:抢走你饭碗的不是AI,而是能熟练使用AI的人

大家好&#xff0c;我是木易&#xff0c;一个持续关注AI领域的互联网技术产品经理&#xff0c;国内Top2本科&#xff0c;美国Top10 CS研究生&#xff0c;MBA。我坚信AI是普通人变强的“外挂”&#xff0c;所以创建了“AI信息Gap”这个公众号&#xff0c;专注于分享AI全维度知识…

【windows】Total Uninstall:一款功能强大的完全卸载软件

软件介绍 Total Uninstall是一款专业的软件卸载工具&#xff0c;旨在帮助用户彻底地清除计算机上的应用程序&#xff0c;包括与应用程序相关的所有文件和注册表项。以下是Total Uninstall的一些主要功能和特点&#xff1a; 完全卸载&#xff1a;软件可以监视应用程序的安装过程…

nodejs版本管理切换工具nvm介绍、nvm下载、nvm安装、配置及nvm使用

最近很多同学问&#xff0c;在工作中&#xff0c;同时在进行2个或者多个不同的项目开发&#xff0c;每个项目的需求不同&#xff0c;进而不同项目必须依赖不同版本的NodeJS运行环境&#xff0c;这种情况下&#xff0c;对于维护多个版本的node将会是一件非常麻烦的事情&#xff…

TypeScript-类型断言

类型断言 当开发者比TS本身更清楚当前的类型是什么&#xff0c;可以使用断言(as)让类型更加精确和具体 const _link document.getElementById(link) console.log(_link.href) // 出错了&#xff0c;如下图 const _link document.getElementById(link) as HTMLAnchorElement…

JVM的相关知识

目录 JVM内存划分 类加载过程 类加载中的“双亲委派模型” JVM内存划分 JVM也就是java进程。这个进程一旦跑起来之后&#xff0c;就会从操作系统里&#xff0c;申请一大块内存空间。JVM接下来就要进一步的对这个大的空间进行划分。划分成不同区域&#xff0c;从而每个区域都…

惯性测量单元M-G370系列广泛用于工业系统各个领域

爱普生现已推出型号为M-G370系列的高稳定性、高精度及极小尺寸封装的惯性测量单元(IMU)&#xff0c;可广泛应用于工业系统的各个领域。 为了节省PCB的面积和产品空间&#xff0c;M-G370系列性测量单元设计精巧&#xff0c;且具有6个自由度:三轴角速率和三轴线性加速度&…

如何使用git上传linux下的项目!---附带每一步截图

在实际项目中&#xff0c;我们需要把自己的模块递给GitHub&#xff0c;需要别人的模块的时候拉下来&#xff0c;那么我们怎么把自己的项目递给GitHub呢&#xff1f;下面做一个总结&#xff1a; 登录GitHub 创建一个仓库 填写相关信息 项目名称是必填的&#xff0c;项目描述可以…

RK3568平台(camera篇)V4L2查询获取设置设备

一.查询设备能力VIDIOC_QUERYCAP struct v4l2_capability cap; ioctl(fd, VIDIOC_QUERYCAP, &cap) struct v4l2_capability 结构体描述了视频采集设备的 driver 信息。 struct v4l2_capability { __u8 driver[16]; // 驱动名字 __u8 card[32]; // 设备名字 __u8 bus_inf…

CSS学习笔记:Less

什么是Less&#xff1f; Less是一个CSS预处理器&#xff0c; Less文件后缀是.less 扩充了CSS 语言&#xff0c;使CSS具备一定的逻辑性、计算能力 可以通俗地理解&#xff1a;Less是一种更好用的CSS 注释 运算 嵌套 Less嵌套的作用&#xff1a;快速生成后代选择器 变量 问…

【Spring MVC】_SpringMVC项目返回数据

目录 1. 注解使用示例 1.1 使用Controller注解 1.2 使用RestController注解 1.3 使用Controller与ResponseBody注解 2. 关于ResponseBody注解 前文已经介绍过使用Controller注解向前端返回一个HTML页面&#xff0c;接下来将介绍向前端返回数据。 关于Controller和RestCon…

Rohm公司参展欧洲PCI盛会

​德国历史悠久的文化名城纽伦堡&#xff0c;即将迎来一场科技盛宴——欧洲PCI展览会。在这个为期三天的盛会中&#xff08;6月11日至13日&#xff09;&#xff0c;Rohm公司将以璀璨之姿&#xff0c;特别聚焦宽带隙&#xff08;WBG&#xff09;设备的璀璨光芒。 此次&#xff0…

正则表达式介绍及一些实例(js语法)

一、正则表达式 正则表达式&#xff0c;全称“Regular Expression”&#xff0c;在代码中常简写为regex、regexp或RE。正则表达式&#xff0c;就是用某种模式去匹配一类字符串的公式。 1. 显式定义&#xff08;构造函数&#xff09; let 变量名 new RegExp("正则表达式…

CVPR2024《RMT: Retentive Networks Meet Vision Transformers》论文阅读笔记

论文链接&#xff1a;https://arxiv.org/pdf/2309.11523 代码链接&#xff1a;https://github.com/qhfan/RMT 引言 ViT近年来在计算机视觉领域受到了越来越多的关注。然而&#xff0c;作为ViT的核心模块--自注意力缺乏空间先验知识。此外&#xff0c;自注意力的二次计算复杂度…

oracle 12c GI卸载流程

集群节点停止服务 [crsctl stop crs -f grid运行deinstall [rootprimary1 bin]# su - grid [gridprimary1 ~]$ cd $ORACLE_HOME/deinstall [gridprimary1 deinstall]$ ls bootstrap_files.lst bootstrap.pl deinstall deinstall.pl deinstall.xml jlib readme.txt …

电机控制系列模块解析(25)—— 过压抑制与欠压抑制

一、概念解析 变频器作为一种重要的电机驱动装置&#xff0c;其内置的保护功能对于确保系统安全、稳定运行至关重要。以下是关于变频器过压抑制、欠压抑制&#xff08;晃电抑制&#xff09;、发电功率限制、电动功率限制等保护功能的详细说明&#xff1a; 过压抑制 过压抑制是…

基于python flask的疾病数据采集与可视化大屏,实现关联规则算法的治疗方法分析

背景 基于Python Flask的疾病数据采集与可视化大屏&#xff0c;旨在实现对疾病数据的采集、分析和可视化展示&#xff0c;为医疗领域提供决策支持和治疗方法分析。其中&#xff0c;关联规则算法被应用于治疗方法分析&#xff0c;旨在发现不同治疗方式之间的关联性和规律性&…

【RuoYi】使用代码生成器完成CRUD操作

一、前言 前面&#xff0c;介绍了如何下载和启动我们的RuoYi框架。为了让小伙伴们认识到ruoyi的强大&#xff0c;那么这篇博客就介绍一下如何使用ruoyi的代码生成器&#xff0c;自动生成前端页面以及后端的对应数据库表的CRUD操作&#xff01;&#xff01;&#xff01;真的很强…

填补领域空白!TerDiT:首次探索大规模DiT模型量化问题(MMLab出品)

论文链接&#xff1a;https://arxiv.org/pdf/2405.14854 项目链接&#xff1a;https://github.com/Lucky-Lance/TerDiT 最近在大规模预训练的文本到图像扩散模型方面的发展显著提高了高保真图像的生成能力&#xff0c;特别是基于transformer架构的扩散模型&#xff08;DiTs&a…