• web前端日常更新 8.16

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

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

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    9.  
    10. <script>
    11.  
    12.     function createTable(tr, td) {
    13.         var tableStr = ''
    14.         //创建行标签
    15.         for (var i = 0; i < tr; i++) {
    16.             tableStr += '
      17. '
    17.             //创建列标签
    18.             for (var j = 0; j < td; j++) {
    19.                 tableStr += '
      20. '
    20.             }
    21.             tableStr += '
      22. '
    22.         }
    23.  
    24.         tableStr += '
      25. '
    25.         return tableStr
    26.     }
    27.  
    28.     var trs = window.prompt("请输入行数") * 1
    29.     var tds = window.prompt("请输入列数") * 1
    30.  
    31.     var s = createTable(trs, tds);
    32.     document.write(s)
    33.  
    34.  
    35. script>
    36. body>
    37. html>

    效果图：

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

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

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    9.  
    10. <script>
    11.     var a = [1, 2, 3, 1, 2, 5, 7, 3]
    12.  
    13.     function removeDuplicates(arr) {
    14.         var newArray = []
    15.         //遍历数组
    16.         for (var i = 0; i < arr.length; i++) {
    17.             //判定新数组中是否已经包含了该数值  没有包含则添加到新数组中
    18.             if (newArray.indexOf(arr[i]) == -1) {
    19.                 newArray.push(arr[i])
    20.             }
    21.         }
    22.         return newArray
    23.     }
    24.  
    25.     var newArr = removeDuplicates(a);
    26.     console.log(newArr);
    27. script>
    28. body>
    29. html>

    效果图：

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

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

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    9.  
    10. <script>
    11.  
    12.     var num1 = 10
    13.     var num2 = 20
    14.  
    15.     num1 = [num2, num2 = num1][0] // [20,10]
    16.  
    17.  
    18.     // function changeNumber(a, b) {
    19.     //     return [a, b]
    20.     // }
    21.     //
    22.     // var res = changeNumber(num1, num2);
    23.     // num1 = res[1]
    24.     // num2 = res[0]
    25.  
    26.  
    27.     console.log("num1=" + num1); //  20
    28.     console.log("num2=" + num2); //  10
    29.  
    30. script>
    31.  
    32. body>

    效果图：

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

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

  • 相关阅读:
    盲盒小程序 跨平台兼容性测试策略：打造无缝体验
    12306购票辅助工具
    防火墙nat实验
    React几种避免子组件无效刷新的方案
    react17+antd4.18 动态实现面包屑导航Breadcrumb-----需改善
    30.Java中的字节流【20220805】
    4.2uboot对设备树的支持——dtb的修改原理
    JavaScriput中数组去重方法之indexof()
    mysql 8.0.28 查询语句执行顺序实测结果
    【每日一题】50. Pow(x, n)
  • 原文地址：https://blog.csdn.net/m0_72174649/article/details/126372141