web前端日常更新 8.16

呵呵＆

已于 2022-08-16 18:59:02 修改

阅读量355

点赞数 2

文章标签：前端 servlet javascript

于 2022-08-16 18:55:59 首次发布

本文链接：https://blog.csdn.net/m0_72174649/article/details/126372141

版权

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
    二、编写函数实现能创建x行y列的表格输出到页面  ，x y的值由用户输入
-->

<script>

    function createTable(tr, td) {
        var tableStr = '<table border="1px" cellspacing="0" width="200px" height="200px">'
        //创建行标签
        for (var i = 0; i < tr; i++) {
            tableStr += '<tr>'
            //创建列标签
            for (var j = 0; j < td; j++) {
                tableStr += '<td></td>'
            }
            tableStr += '</tr>'
        }

        tableStr += '</table>'
        return tableStr
    }

    var trs = window.prompt("请输入行数") * 1
    var tds = window.prompt("请输入列数") * 1

    var s = createTable(trs, tds);
    document.write(s)


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

效果图：

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</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>

效果图：

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

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</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>

效果图：

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