JavaScript基础(十)

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

排序并去重

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

 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.mzph.cn/news/844203.shtml

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

相关文章

LeetCode 474.一和零

没做出来&#xff0c;最后看了解析&#xff0c;看了半天才懂。 我一开始把这个题当成多重背包来做了&#xff0c;因为有0和1两个参数需要考虑&#xff0c;但是中间很多情况不知道怎么处理。后面看了解析才知道这是个01背包问题&#xff0c;0和1都是一个物品上的属性&#xff0c…

K-means 聚类模型详解

K-means 聚类模型详解 K-means 是一种常用的无监督学习算法&#xff0c;用于将数据集分成 K 个簇。其目标是最小化各个簇内数据点到簇中心的距离平方和。K-means 广泛应用于图像压缩、市场细分、模式识别等领域。 算法步骤 初始化: 随机选择 K 个初始簇中心&#xff08;质心…

【主题广泛|投稿优惠】2024年区块链、网络与物联网国际会议(BNIT 2024)

2024年区块链、网络与物联网国际会议&#xff08;BNIT 2024&#xff09; 2024 International Conference on Blockchain, Networks, and the Internet of Things 【重要信息】 大会地点&#xff1a;深圳 大会官网&#xff1a;http://www.icbnit.com 投稿邮箱&#xff1a;icbni…

揭秘智慧校园:可视化技术引领教育新篇章

随着科技的飞速发展&#xff0c;我们的生活方式正在经历一场前所未有的变革。而在这场变革中&#xff0c;学校作为培养未来人才的重要基地&#xff0c;也在不断地探索与创新。 一、什么是校园可视化&#xff1f; 校园可视化&#xff0c;就是通过先进的信息技术&#xff0c;将学…

永久免费SSL证书领取流程

一、SSL证书的前世今生 起源&#xff1a; SSL证书起源于1994年&#xff0c;当时网景公司&#xff08;Netscape&#xff09;推出了安全套接字层&#xff08;SSL&#xff0c;Secure Sockets Layer&#xff09;协议&#xff0c;这是一种加密通信协议&#xff0c;用于在客户端和服…

武汉城投城更公司与竹云科技签署战略协议,携手构建智慧城市新未来!

2024年5月16日&#xff0c;武汉城投城更公司与深圳竹云科技股份有限公司&#xff08;以下简称“竹云”&#xff09;签订战略合作协议&#xff0c;双方将深入推进产业项目合作。 签约现场&#xff0c;双方围绕产业项目合作方向、路径和内容等进行了全面深入交流。城投城更公司党…

第五届武汉纺织大学ACM程序设计竞赛 个人题解(待补完)

前言&#xff1a; 上周周日教练要求打的一场重现赛&#xff0c;时长五个小时&#xff0c;题目难度还行&#xff0c;除了部分题目前我还写不出来之外&#xff0c;大部分题都写完或补完了&#xff0c;这边给出比赛链接和我的代码&#xff08;有些是队友的&#xff09;和题解。 正…

这些项目,我当初但凡参与一个,现在也不至于还是个程序员

10年前&#xff0c;我刚开始干开发不久&#xff0c;我觉得这真是一个有前景的职业&#xff0c;我觉得我的未来会无限广阔&#xff0c;我觉得再过几年&#xff0c;我一定工资不菲。于是我开始像很多大佬说的那样&#xff0c;开始制定职业规划&#xff0c;并且坚决执行。但过去这…

Midjourney设计服装5步实操分享!(实操干货系列)

2k字讲清楚如何在有限素材的基础上&#xff0c;用MJ随机生成设计服装&#xff0c;附本人实操步骤图~ 灵感来源&#xff1a;既然Midjourney&#xff08;MJ&#xff09;能够参考图片进行绘图&#xff0c;那么&#xff0c;提供一些素材&#xff0c;借由MJ的随机成图来寻找一些服装…

香橙派Kunpeng Pro评测

有幸受邀评测香橙派与华为鲲鹏在2024年5月12刚刚联合发布的新品香橙派Kunpeng Pro。 本文将从软硬件、AI算法测试等角度简单分享一下博主拿到板子以来感受与所做的评测。 一、硬件 香橙派Kunpeng Pro实物图 处理器方面&#xff0c;香橙派Kunpeng Pro采用了4核64位armv8架构处…

生产者延迟消息和重试机制

messageDelayLevel1s 5s 10s 30s 1m 2m 3m 4m 5m 6m 7m 8m 9m 10m 20m 30m 1h 2h 延迟消息级别public PutMessageResult putMessage(final MessageExtBrokerInner msg) {//事务消息处理if (tranType MessageSysFlag.TRANSACTION_NOT_TYPE|| tranType MessageSysFlag.TRANSACT…

Android manifest清单文件意外权限来源和合并规则

问题背景 当自写APP发现无缘无故多申请了多个权限,其中一个就是:android.permission.WAKE_LOCK. 一想就知道如果并非自己在APP main中引入的,那就是依赖的库清单文件导入进来的. 定位问题 定位手段 1.manifest-merger-buildVariant-report.txt 根据其内容可知, WAKE_LOCK 权…

揭秘!编写高质量代码的关键:码农必知的黄金法则!

文章目录 一、保持代码的简洁与清晰二、遵循良好的命名规范三、注重代码的可读性四、利用抽象与封装五、遵循SOLID原则六、关注代码性能七、确保代码安全性《码农修行&#xff1a;编写优雅代码的32条法则》编辑推荐内容简介目录前言/序言 在编程的世界里&#xff0c;每一位码农…

源达投顾的客户服务质量怎么样?

在金融服务行业中&#xff0c;客户服务质量是衡量一个公司成功与否的关键因素之一。源达投顾作为一家专业的投资顾问机构&#xff0c;其客户服务质量一直备受关注。那么&#xff0c;源达投顾的客户服务质量怎么样&#xff1f; 一、客户满意度调查方法 为了全面、客观地了解源…

通讯录恢复怎么办?保护珍贵联系信息的2个必备技能!

手机通讯录扮演着重要的角色&#xff0c;它不仅仅是一个简单的联系方式列表&#xff0c;更是我们与亲朋好友、同事、业务伙伴等之间关系的见证。万一不慎丢失或误删通讯录&#xff0c;学会通讯录恢复的技能变得非常重要。本文将为你介绍几种保护珍贵联系信息的必备技能&#xf…

长文总结 | Python基础知识点,建议收藏

测试基础-Python篇 基础① 变量名命名规则 - 遵循PEP8原则 普通变量&#xff1a;max_value 全局变量&#xff1a;MAX_VALUE 内部变量&#xff1a;_local_var 和关键字重名&#xff1a;class_ 函数名&#xff1a;bar_function 类名&#xff1a;FooClass 布尔类型的变量名…

yolox-何为混合精度计算AMP?

何为AMP&#xff1f; 全称&#xff1a;Automatic mixed precision自动混合精度。 功能&#xff1a;在神经网络推理过程中&#xff0c;实现针对不同层采用不同的数据精度进行计算&#xff0c;从而实现节省显存和加速训练的目的。 此处提到的不同数据精度包括&#xff1a;32位浮…

适合学生党的蓝牙耳机有哪些?盘点四大性价比蓝牙耳机品牌

对于追求高品质音乐体验而又预算有限的学生党来说&#xff0c;一款性价比高的蓝牙耳机无疑是最佳选择&#xff0c;在众多品牌和型号中&#xff0c;如何挑选到既适合自己需求又价格亲民的蓝牙耳机&#xff0c;确实是一个值得思考的问题&#xff0c;作为一个蓝牙耳机大户&#xf…

AI 绘图要如何入门?有哪些好用的软件推荐?(附工具+教程+变现模式)

1.Ai绘画如何入门 不需要把Ai绘画想的很复杂 抛去复杂的应用 使用现成简单的工具 只需要学会提示词 描述你想要的画面即可 提示词 不需要太复杂&#xff0c;也不能太简单&#xff0c;太简单依赖于ai的基本样式&#xff0c;关键是要抓住你想要的核心描述 AI不太擅长理解人类的…

如何批量结构化分汇多工作表sheet?

目录 一、如遇合并表格&#xff0c;注意结构化二、确认主键&#xff0c;合并所有文件数据三、sheet2同理四、案例总结 如果遇到这样情形&#xff0c;多文件夹多文件&#xff0c;多工作表的分汇场景&#xff1b;可以参考以下方法解决。 一、如遇合并表格&#xff0c;注意结构…