js练习（函数）

最新推荐文章于 2026-05-22 11:55:04 发布

原创最新推荐文章于 2026-05-22 11:55:04 发布 · 2k 阅读

14 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

函数练习专栏收录该内容

1 篇文章

订阅专栏

这篇博客通过13个实例介绍了JavaScript的基础操作，包括增加学员和显示学员信息、计数器、创建表格、数组排序、三角形绘制、差值计算、随机数排序、字符计数、字符串倒序、日期计算、邮箱验证以及数组去重，深入浅出地展示了JavaScript函数的实用技巧。

1.增加学员和显示学员信息


    <button onclick="add ()">新增学员</button>
    <button onclick="show ()">显示学员信息</button>

        var arr = [];
        function add (){
             var input = prompt("请输入新增学员姓名：");
            arr.push(input)
        }
        function show (){
            document.write('共有'+arr.length+'名学员，信息如下：<br />')
            for(var i in arr){
                document.write(arr[i]+'<br />')
            }
        }

结果：

2.计数器，打开页面，就弹出1，点击确定后，再弹出2，再点击确定后，弹出3，3弹出后就停止，不再弹出数字了

 <button type="" onclick="fn()">点击</button>

        function fn1(){
            var i = 0;
            function fn2(){
                i++;
                if(i<=3){
                    alert(i)
                }

            };
            return fn2
        }
        var fn = fn1();

3.使用js实现6*6的表格

        function table(col,row){
        var str = "<table border='1'>";
            for(var i = 0;i < col;i++){
                str+="<tr>";
                for (var j = 0; j < row; j++) {
                    str+="<td>"+i+"*"+j+"</td>"
                };
                str+="</tr>"
            }
            return str
        }
        document.write(table(6,6))

效果：

4.使用sort对数组进行排序

        var arr= [0.1,5,10,15];
        arr.sort(function(a,b){
            return a-b
        })
        document.write(arr)

5.用*实现等边三角形

<body style="text-align: center;">
    <script>
        var input = prompt('请输入三角形边长：')
    function fn(length){
        for(var i=0;i<length;i++){
            for (var j = 0; j < i; j++) {
                document.write('&nbsp;&nbsp;'+'*'+'&nbsp;&nbsp;')
            };
            document.write('<br />')
        }
    }
    fn(input)
    </script>
</body>

6.计算两个数的差值

        var input1 = prompt('请输入第一个数字：')
        var input2 = prompt('请输入第二个数字：')
        var num1 =parseInt(input1)
        var num2 =parseInt(input2)
        console.log(input1)
        function sub (nun1,nun2){
            if(nun1>nun2){
                value = nun1 - nun2
            }else{
                value = nun2 - nun1
            }
        }
        sub(num1,num2)
        document.write('两数字的差值为：'+value)

7.随机生成10-100的数，并排序

        var arr = [];
        for (var i = 0; i < 10; i++) {
            var num = 10+Math.floor(Math.random()*90)
            arr.push(num)
        };
        arr.sort(function(a,b){
            return a - b
        })
        document.write(arr)

8.统计包含“a”或“A”的字符串的个数

        var arr = ["America","Greece","Britain","Canada","china","Egypt"]
        var sum=0;
        document.write('在以下字符中：<br />')
        for (var i = 0; i < arr.length; i++) {
            if(arr[i].indexOf('a')!= -1 || arr[i].indexOf('A')!= -1){
                sum+=1

            };
            document.write(arr[i]+'<br />')
        };
        document.write('共有'+sum+'个字符串包含a或者A')

9.使字符串实现倒序

        var str='borderleftcolor'
        var arr=str.split('')
        var newArr=arr.reverse()
        document.write(newArr.join(""))

10.下个月1号是星期几？

        var date = new Date();
        var year = date.getFullYear();
        var month = date.getMonth();
        var newdate = new Date(year,month+1,1)
        var newday = newdate.getDay();
        if(newday===0){
            document.write("星期天")
        }
        document.write("星期"+newday)

11.验证邮箱地址

        var input = prompt('请输入正确的邮箱地址:','susan@sohu.com')
        var newinput = String(input)
        if (input=="") {
        alert("邮箱不能为空") ;
        } else if (input.split("@").length==1 || input.split(".").length==1) {
        alert("邮箱地址必须包含@和.");
        } else {
        var arr = input.split("@") ;
        alert("邮箱地址正确，邮箱名称是："+arr[0]) ;
        }

12.排除数组内重复的元素

    var arr=[5,4,26,9,4,8,5,14];
    var newarr=[];
    for(var i = 1;i <= arr.length;i++){
        if(newarr.indexOf(arr[i])==-1){
            newarr.push(arr[i])
        }
    }
    document.write(newarr)

13.判断字符串内"a"出现的次数

    var  arr=["b",'a','c','a','g','j','a','c','b'];
    var idx = 0;
    var sum=0;
    for(var i = 0;i <arr.length;i++){
        if(arr.indexOf('a') > 0 ){
            arr.splice(arr.indexOf('a'),arr.indexOf('a'))
            sum+=1
        }
    }
    document.write('a出现的次数为：'+sum)