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再讲。

 

 

 

 

 

 

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

七个很酷的GenAI LLM技术性面试问题

不同于互联网上随处可见的传统问题库&#xff0c;这些问题需要跳出常规思维。 大语言模型(LLM)在数据科学、生成式人工智能(GenAI)和人工智能领域越来越重要。这些复杂的算法提升了人类的技能&#xff0c;并在诸多行业中推动了效率和创新性的提升&#xff0c;成为企业保持竞争…

PHP:phpmyadmin 将查询数据导出csv

1、输入你的SQL查询出结果 2、查出数据以后拖到最下方【导出】 3、导出CSV

搜维尔科技:拒绝毒品行为能力评估与训练系统应用案例

用户名称&#xff1a;山西医科大学 主要产品&#xff1a;虚拟现实复吸风险评估与干预系统 虚拟现实复吸风险评估与干预系统主要是为了解决物质使用障碍患者在临床治疗及康复回归正常生活出现的高复发现象⸺对毒品失控的渴求难以预测控制的问题。 整套系统由软件和硬件两部分…

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…

基础技术-ELF系列2-ELF文件进阶与libelf库

成就更好的自己 本篇是基础技术系列中ELF相关技术的第二篇&#xff0c;将会详细介绍一下ELF文件的结构。 没有看过之前的文章的朋友请重新开始&#xff0c;博主观点比较清奇&#xff0c;否则可能会有一些不太明白的地方&#xff1a; 基础技术-ELF系列(1)-ELF文件基础-CSDN博…

STM32Cube系列教程11:使用STM32 RNG硬件随机数模块生成彩票号码

文章目录 配置RNG模块编写代码获取生成的随机数运行测试 今天写段代码测试一下STM32U083RC的(RNG)硬件随机数模块 顺便写个小demo生成7位真随机数的彩票号码&#xff0c;帮助那些买彩票还有选择困难症的人群 (doge)(手动狗头)。 全部代码以上传到github&#xff1a;https://gi…

Java注释

Java注释有三种&#xff1a; ①单行注释&#xff1a;// 注释内容 ②多行注释&#xff1a;/* 注释内容 */ ③文档注释&#xff1a;/** 注释内容(有要求) */ 文档注释内容必须为 Javadoc标签。 一行一个&#xff0c;以*开头&#xff0c;加标签和标签内容。 例如&#xff1a;…

【RocketMQ】安装RocketMQ5.2.0(单机版)

下载 官网下载地址&#xff1a;下载 | RocketMQ github地址&#xff1a;Tags apache/rocketmq GitHub 选择对应的版本下载。https://dist.apache.org/repos/dist/release/rocketmq/5.2.0/rocketmq-all-5.2.0-bin-release.zip 5.2.0的二进制包&#xff1a;下载地址 5.2.0的…

Dolphinscheduler不重启加载Oracle驱动

转载自刘茫茫看山 问题背景 某天我们的租户反馈数据库连接缺少必要的驱动&#xff0c;我们通过日志查看确实是缺少部分数据库的驱动&#xff0c;因为DolphinScheduler默认只带了Oracle和MySQL的驱动&#xff0c;并且需要将pom文件中的test模式去掉才可以在打包的时候引入。我…

python mp3转mp4工具

成品UI 安装moviepy库 pip install moviepy 转换demo from moviepy.editor import *# 创建一个颜色剪辑&#xff0c;时长与音频相同 audioclip AudioFileClip(r"C:\Users\Administrator\PycharmProjects\pythonProject44\test4\赵照 - 灯塔守望人.mp3") videoclip…

基于FMEA保证汽车电控系统的可靠性

随着汽车技术的飞速发展&#xff0c;电控系统已成为现代汽车的“大脑”&#xff0c;掌控着车辆的方方面面。然而&#xff0c;这一复杂的系统也面临着诸多潜在失效风险&#xff0c;如何确保汽车电控系统的可靠性&#xff0c;成为汽车制造业亟待解决的问题。幸运的是&#xff0c;…

LCD屏入门(基于ESP32)

主要参考资料&#xff1a; B站【乐鑫全球开发者大会】DevCon23 #17 &#xff5c;HMI 智能屏解决方案 目录 1.LCD屏幕硬件层2.LVGL驱动层 1.LCD屏幕硬件层 MCU常用的驱动接口在下面&#xff0c;大致可以划分为串口屏和并口屏。 串口屏相较于并行屏优势是占用IO少&#xff0c;相…

TOPSIS综合评价

TOPSIS法&#xff08;Technique for Order Preference by Similarity to an Ideal Solution&#xff09;是一种常用的综合评价方法&#xff0c;该方法根据有限个评价对象与理想化目标的接近程度进行排序&#xff0c;是在现有的对象中进行相对优劣的评价。 TOPSIS法的原理是通过…

C++ | Leetcode C++题解之第117题填充每个节点的下一个右侧节点指针II

题目&#xff1a; 题解&#xff1a; class Solution { public:void handle(Node* &last, Node* &p, Node* &nextStart) {if (last) {last->next p;} if (!nextStart) {nextStart p;}last p;}Node* connect(Node* root) {if (!root) {return nullptr;}Node *…

oracle 12c DB卸载流程

1.运行卸载程序 [rootprimary1 ~]# su - oracle [oracleprimary1 ~]$ cd $ORACLE_HOME/deinstall [oracleprimary1 deinstall]$ ./deinstall Checking for required files and bootstrapping ... Please wait ... 这里选择3 、回车、y、y、回车、ASM 这里输入y 2.删除相关目录…

联想打印APP添加打印机方法

联想打印APP添加打印机操作方法&#xff1a; 1、在手机上下载“联想打印”APP&#xff1b; 2、打开“联想打印”APP,然后在软件内右下角找到“我的”图标并选择&#xff1b; 3、点击“请登录/注册”&#xff1b; 4、勾选“我已阅读并同意”然后在上面填写手机号码后&#xff0…

【NumPy】深入了解NumPy的multiply函数:高效矩阵和数组乘法指南

&#x1f9d1; 博主简介&#xff1a;阿里巴巴嵌入式技术专家&#xff0c;深耕嵌入式人工智能领域&#xff0c;具备多年的嵌入式硬件产品研发管理经验。 &#x1f4d2; 博客介绍&#xff1a;分享嵌入式开发领域的相关知识、经验、思考和感悟&#xff0c;欢迎关注。提供嵌入式方向…

09Django项目--用户管理系统--删

对应视频链接点击直达 09Django项目--用户管理系统--删 对应视频链接点击直达删a&#xff0c;本质b&#xff0c;删除 页面相关a&#xff0c;index页面新增操作按钮b&#xff0c;ajax删除和提示c&#xff0c;完整版本 OVER&#xff0c;不会有人不会吧不会的加Q1394006513结语 一…

IDEA2024创建maven项目

1、new->project 2、创建后展示 3、生成resources文件夹 4、测试--编写一个hello文件

参数高效微调PEFT(二)快速入门P-Tuning、P-Tuning V2

参数高效微调PEFT(二)快速入门P-Tuning、P-Tuning V2 参数高效微调PEFT(一)快速入门BitFit、Prompt Tuning、Prefix Tuning 今天&#xff0c;我们继续了解下来自清华大学发布的两种参数高效微调方法P-Tuning和P-Tuning v2。可以简单的将P-Tuning是认为针对Prompt Tuning的改进…