近期JavaScript练习总结

本文总结了学习JavaScript过程中的一些关键概念,包括函数定义、数组操作、控制台输出、排序、随机数生成、比较最大值和最小值以及获取系统日期时间。作者强调了JavaScript与Java的相似性,以及如何运用Java思维学习JavaScript。
摘要由CSDN通过智能技术生成

  学了不少Javascript代码,就对最近学的做一下总结吧!

<html>
<head>
    <title>Title</title>
</head>
<body>
<span id="text1"> </span>
<br>
<input type="button" value="停止" id="tz">
<%--定义一个名称为add的函数,用于计算2个数的和,且调用该函数,将结果输出在控制台--%>
<script>
    function add(){
        let a=10;
        let b=20;
        console.log(a+b);
    }
    add();
    // 将2个数组中的元素合并到名称为arr3的数组中
    arr1 = ['zhangsan','lisi','wangwu'];
    arr2 = ['sunyue','laoliu'];
    let arr3=arr1.concat(arr2);
    for (let i = 0; i < arr3.length; i++) {
        console.log(arr3[i]);
    }
    console.log("\n");
    // 对arr3数组中的元素进行排序,正序(从小到大)输出在浏览器控制台
    arr3.sort();
    for (let i = 0; i < arr3.length; i++) {
        console.log(arr3[i]);
    }
    // 对arr3数组中的元素进行排序,倒序(从大到小)输出在浏览器控制台
    console.log("\n");
    arr3.reverse();
    for (let i = 0; i < arr3.length; i++) {
        console.log(arr3[i]);
    }
    // 定义一个名称为getRandom()的函数,用于返回[1,100]之间的任意整数
    console.log("\n");
    function getRandom(){
        return Math.floor(Math.random()*100)+1;
    }
    console.log(getRandom());
    // 通过调用getRandom()函数获取3个[1,100]之间的任意整数,且分别使用变量a、b、c接收
    let a=getRandom();
    let b=getRandom();
    let c=getRandom();
    console.log("\n");
    console.log(a);
    console.log(b);
    console.log(c);
    // 获取a、b、c变量中的最大值,将最大值输出在控制台
    // int max = a;  // 先把 a 赋给 max
    // if (b >= max){  // 如果 b大于 max,则将 b 赋值给 max
    //     max = b;
    // }
    // if (c > max) {  // 如果 c大于 max,则将 c 赋值给 max
    //     max = c;
    // }
    let max=a;
    if(b>max){
        max=b;
    }else if(c>max){
        max=c;
    }
    console.log("最大值是"+max);
    // 获取a、b、c变量中的最小值,将最小值输出在控制台
    let min=c;
    if(b<min){
        min=b;
    }else if(a<min){
        min=a;
    }
    console.log("最小值是"+min);
    // 定义一个名称为getSystemDateAndTime()的函数,用于获取系统日期与时间
    let text2=setInterval("getSystemDateAndTime()",1000);
    function getSystemDateAndTime(){
       let date=new Date();
       let year=date.getFullYear();
       let month=date.getMonth();
       let rq=date.getDate();
       let s=date.getHours();
       let f=date.getMinutes();
       let m=date.getSeconds();
       let time=year+"年"+month+"月"+rq+"日"+" "+s+":"+f+":"+m;
       document.getElementById("text1").innerText=time;
    }
    let tz=document.getElementById("tz");
    tz.οnclick=function (){
        clearInterval(text2);
    }
</script>
</body>
</html>

一下JS代码生成的效果 :

绿色背景代码是注释! 

绿色背景红色字体的是Java代码,一开始我不会做了,就查了查资料,所以说Java与JavaScript虽然二者无关系,但代码具有相近性。紫色背景的就是js代码的写法!

控制台换行是console.log("\n"),'\n'就是java代码里的换行符,我们java代码想换行是不是就是通过system.out.print("\n")来进行换行的呀!

所以说把Java学号,以Java思想学习JavaScript就会很简单,我把<script>标签里的内容看成后端代码,通过后端来服务前端,这就是为什么js语言代表着‘行为’,为什么前端学习一般都会学习js语言了。因为它确实很方便。

  • 26
    点赞
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值