web前端日常更新 8.16

不好意思，因本人最近可能比较懒惰，所以没有更新，还是像之前一样，直接上自己写过的东西吧，也就是js作业：

一。编写函数实现能创建x行y列的表格输出到页面，x y的值由用户输入


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
 
<script>
 
    function createTable(tr, td) {
        var tableStr = ''
        //创建行标签
        for (var i = 0; i < tr; i++) {
            tableStr += '
'
            //创建列标签
            for (var j = 0; j < td; j++) {
                tableStr += '
'
            }
            tableStr += '
'
        }
 
        tableStr += '
'
        return tableStr
    }
 
    var trs = window.prompt("请输入行数") * 1
    var tds = window.prompt("请输入列数") * 1
 
    var s = createTable(trs, tds);
    document.write(s)
 
 
script>
body>
html>

效果图：

列数和行数是可以自己输入的，你输入你想输入的值，呈现的效果就是你想要的那个样子

二。编写函数实现去除任意数组中重复的值


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
 
<script>
    var a = [1, 2, 3, 1, 2, 5, 7, 3]
 
    function removeDuplicates(arr) {
        var newArray = []
        //遍历数组
        for (var i = 0; i < arr.length; i++) {
            //判定新数组中是否已经包含了该数值  没有包含则添加到新数组中
            if (newArray.indexOf(arr[i]) == -1) {
                newArray.push(arr[i])
            }
        }
        return newArray
    }
 
    var newArr = removeDuplicates(a);
    console.log(newArr);
script>
body>
html>

效果图：

可以看到，我们把多余的数字都去除掉了

三.编写函数实现交换两个变量的值，并将交换的结果返回


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
 
<script>
 
    var num1 = 10
    var num2 = 20
 
    num1 = [num2, num2 = num1][0] // [20,10]
 
 
    // function changeNumber(a, b) {
    //     return [a, b]
    // }
    //
    // var res = changeNumber(num1, num2);
    // num1 = res[1]
    // num2 = res[0]
 
 
    console.log("num1=" + num1); //  20
    console.log("num2=" + num2); //  10
 
script>
 
body>

效果图：

可以看到两个值交换了位置

这就是本篇文章的所有内容了，感谢观看

相关阅读:
Python自动化测试实战真实项目-Web自动化测试从方案到实战落地（二）
梯度下降法
UE 视差材质学习笔记
Codeforces Round 910 (Div. 2) --- B-E 补题记录
SpringBoot整合MyBatis-Plus
[一周AI简讯]OpenAI宫斗；微软Bing Chat更名Copilot；Youtube测试音乐AI
Synchronized 原理
C++类设计：一个比较复杂的日志类支持多线程、文件切换、信息缓存（源码）
掌握数据相关性新利器：基于R、Python的Copula变量相关性分析及AI大模型应用探索
你不讲武德自己偷着乐学习！spring Security五套「源码级」这份笔记哪里来的？

原文地址：https://blog.csdn.net/m0_72174649/article/details/126372141