Java web学习笔记7：Javascript内置对象

最新推荐文章于 2024-08-17 12:54:01 发布

慕慕和小绵羊

最新推荐文章于 2024-08-17 12:54:01 发布

阅读量473

点赞数

分类专栏： java web 文章标签： javascript 前端 java

本文链接：https://blog.csdn.net/qq_46617150/article/details/122576116

版权

java web 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一.数组

1.创建数组对象

语法：
var arr =new Array(size)
var arr =new Array(element1,element2,elememt3...)
var arr =[element1,element2,element3...];一般采用这种
特点：
1.数组中的每个元素可以是任意类型
2.数组长度是可变的，更加类似java中的list,没有越界的概念

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js数组对象</title>
</head>
<body>
<script>
  //  var arr1=[1,2,3,4,"hello",true]
    var array01=new Array(4);
    array01[0]=1;
    array01[1]=2;
    array01[2]=3;
    array01[3]=4;
    var array02=new Array(1,2,3,4);
    var array03=[1,2,3,4];
    var array04=[1,2,3,"哈哈"];

    console.log(array04[0]);
    console.log(array04[3]);
    console.log(array04[4]);
    console.log(array04.length);
    array04[6]="泥嚎";//[1,2,3,"哈哈",undefined,undefined,"泥嚎"]
    console.log(array04.length);

</script>

</body>
</html>

2.数组的常用方法

方法				描述
concat			连接两个或者更多的数组，并返回结果
jion			把数组的所有元素放入一个字符串，元素通过指定的分隔符进行分隔
reverse			颠倒数组中元素的顺序

示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js数组常用方法</title>
</head>
<body>
<script>
    var array05=[1,2,3,4];
    var array06=["哈哈","你好",100,200];
    var array07=array05.concat(array06);
    console.log(array07);

     var str=array05.join("**");
     console.log(str);

     array06=array06.reverse();
     console.log(array06);
</script>

</body>
</html>

运行结果
在这里插入图片描述

二.二维数组

三.Date日期
1.创建日期对象

语法：
var date=new Date();创建当前日期
var date=new Date(年,月,日);创建指定日期
注意：月从0开始，0表示1月
var date=new Date(年,月,日,时,分,秒)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>日期</title>
</head>
<body>
<script>
    //创建当前日期
    var date1=new Date();
    console.log(date1);

    //创建指定日期
    var date2=new Date(2022,1,18);
    console.log(date2);

    //创建指定日期时间
    var date3=new Date(2021,1,18,20,10,10);
    console.log(date3);
</script>
</body>
</html>

2.日期常用方法

方法						描述
Date()			返回当日的日期和时间
getDate（）		从Date对象中返回月中某一天（1-31）
getDay（）		从Date对象中返回一周中的某一天（0-6）
getMonth（）    从Date对象返回月份（0-11）
getFullYear（） 从Date对象以四位数返回年份
getHours（）    返回小时（0-23）
getMinutes（）  返回分钟（0-59）
getSecounds（）	毫秒（0-999）
getTime（）    返回1970年1月1日到现在的毫秒数（时间戳）
parse（）	返回1970年1月1日午夜到指定日期（字符串）的毫秒值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js日期对象</title>
</head>
<body>
<script>
    //创建日期对象
    var myDate =new Date();
    //调用方法
    console.log("年"+myDate.getFullYear());

    console.log("月"+(myDate.getMonth()+1));

    console.log(myDate.getDate());

    console.log(myDate.getHours());
    console.log(myDate.getMinutes());
    console.log(myDate.getSeconds());

    console.log(myDate.getMilliseconds());

    //打印当地时间
    console.log(myDate.toLocaleDateString());
    console.log(myDate);

    //获取某个时间的时间戳
    let time=myDate.getTime();
    console.log(time);

    var date5=new Date(2020,9,1);
    var date6=new Date(2020,6,9);

    let tototime=date5.getTime()-date6.getTime();
    var days=tototime/(60*60*24*1000);
    console.log(days);


</script>
</body>
</html>