BJFU2023Web前端实验三

Haanyu

已于 2023-05-23 20:11:41 修改

阅读量66

点赞数

分类专栏： Web前端开发文章标签：前端 javascript html

于 2023-05-23 20:04:28 首次发布

本文链接：https://blog.csdn.net/m0_74216578/article/details/130834521

版权

Web前端开发专栏收录该内容

7 篇文章 0 订阅

订阅专栏

注：本实验需要在控制台查看运行结果

数组去重

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组去重</title>
</head>
<body>
    <script>
        var oldarr = [1, 1, 2, 2, 2, 3, 5, 7, 9];
        var newarr = [];
        console.log(oldarr);
        newarr = f(oldarr);
        console.log(newarr);
		//最终使得数组newarr结果为[1, 2, 3, 5, 7, 9];
		function f(xarr) {
            var yarr = [];
            //添加去重代码
            yarr=xarr;
            for(let i=0;i<yarr.length;i++){
                for(let j=i+1;j<yarr.length;j++){
                    if(yarr[i]==yarr[j]){
                        yarr.splice(j,1);
                        j--;
                    }
                }
            }
            return yarr;
        }
    </script>
</body>
</html>

数组相加

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数组求和</title>
</head>
<body>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        #container{
            margin: 0 auto;
            margin-top: 10px;
            width: 100px;
        }
    </style>

    <div id="container">
        <h3>原数组</h3>
        <ul id="oldarr"></ul>
        <script>
            var arr=[1,2,3,4,5,6,7,8,9,10];
            var htmlText=" ";

            // 原数组输出
            for(let i=0;i<arr.length;i++){
                htmlText+="<li>"+arr[i]+"</li>";
            }
            document.getElementById("oldarr").innerHTML=htmlText;
        </script>

        <!-- 设置按钮 -->
        <p id="show" style="background-color: lightblue;"></p>
        <button onclick="show2()">求和按钮</button>
        <script>
            function add(arr){
                var result=0;
                for(let i=0;i<arr.length;i++){
                    result+=arr[i];
                }
                return result;
            }
            var ret=add(arr);
            function show2(){
                document.getElementById("show").innerHTML=ret;
            }
        </script>
        
    </div>
</body>
</html>