JS逻辑练习

输出垂直三角形

难度：简单

效果图

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write('⭐')
            }
            document.write('<br>');
        }
    </script>

{/collapse-item}
{/collapse}

输出九九乘法表

难度：简单

效果图

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(j + 'X' + i + '=' + i * j + ' ')
            }
            document.write('<br>');
        }
    </script>

{/collapse-item}
{/collapse}

输出以下效果

难度：简单

效果图

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        for (var i = 1; i <= 9; i++) {
            for (var j = 1; j <= i; j++) {
                document.write(i)
            }
            document.write('<br>');
        }
    </script>

{/collapse-item}
{/collapse}

将一组字符串中的某个字符转换为指定的字符

难度：一般

效果图

var Str = 'qweqweoqweqoqweoqeoqweoqweoqqwoeoqw';将Str字符串里面所有的o全部转换为-

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        // 将Str字符串里面所有的o转换为-
        var Str = 'qweqweoqweqoqweoqeoqweoqweoqqwoeoqw';

        // 首先将str里面所有的o作为分隔符转换为数组
        var arr = Str.split('o');

        // 此时arr = ['qweqwe', 'qweq', 'qwe', 'qe', 'qwe', 'qwe', 'qqw', 'e', 'qw']

        // 然后将这个arr这个数组转换为字符串，并且以-为分隔符的字符串
        var str = arr.join('-')
        
        console.log(str); 
        //qweqwe-qweq-qwe-qe-qwe-qwe-qqw-e-qw
    </script>

{/collapse-item}
{/collapse}

翻转数组

难度：一般

效果图

用代码将[1, 3, 6, 2, 5, 9]这些数字翻转为：[9, 5, 2, 6, 3, 1]

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = [1, 3, 6, 2, 5, 9];
        var Arr = [];

        for (var i = 0; i < arr.length; i++) {
            Arr[i] = arr[arr.length - i - 1];
        }

        console.log(Arr);
    </script>

{/collapse-item}
{/collapse}

求最大值

难度：一般

效果图

用代码求出[1, 3, 6, 2, 5, 9]这些数字的最大值

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = [1, 3, 6, 2, 5, 9];
        //先设置一个默认最大值
        var max = arr[0];

        for (var i = 0; i < arr.length; i++) {
            if (arr[i] > max) {
                max = arr[i]
            }
        }

        console.log('最大值是：' + max);
    </script>

{/collapse-item}
{/collapse}

输出金字塔效果

难度：一般

效果图

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        for (var i = 1; i <= 10; i += 2) {
            for (var k = 1; k <= 10 - i; k++) {
                document.write('&nbsp;&nbsp;');
            }

            for (var j = 1; j <= i; j++) {
                document.write('⭐');
            }

            document.write('<br><br>')
        }
    </script>

{/collapse-item}
{/collapse}

输出以下效果

难度：一般

效果图

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        for (var i = 5; i >= 1; i--) {
            for (var j = 1; j <= i; j++) {
                document.write(i)
            }
            document.write('<br>');
        }

        for (var k = 2; k <= 5; k++) {
            for (var j = 1; j <= k; j++) {
                document.write(k)
            }
            document.write('<br>');
        }
    </script>

{/collapse-item}
{/collapse}

输出拆分百十个位数

难度：一般

案例需求

任意输入一个数，然后拆分出他的百位数、十位数、个位数。最后依次弹出

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var n = prompt('请输入一个三位数：');

        var a = parseInt(n / 100);
        var b = parseInt((n - a * 100) / 10);
        var c = (n - a * 100) - b * 10;
        alert(a)
        alert(b)
        alert(c)
    </script>

{/collapse-item}
{/collapse}

求最大值同时求最小值

难度：困难

案例需求

[1, 3, 6, 2, 5, 9]输出这些数字中最大的与最小的值

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var temp, max;
        var arr = [1, 3, 6, 2, 5, 9];

        for (var i = 0; i < arr.length; i++) {
            for (var j = 0; j < arr.length - i - 1; j++) {
                if (arr[j] > arr[j + 1]) {
                    temp = arr[j];
                    arr[j] = arr[j + 1];
                    arr[j + 1] = temp;
                }
            }
        }

        console.log('最大值是：' + arr[arr.length - 1]);
        console.log('最小值是：' + arr[0]);
    </script>

{/collapse-item}
{/collapse}

输出拆分百十个位数

难度：一般

案例需求

任意输入一个数，然后拆分出他的百位数、十位数、个位数。最后依次弹出

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var n = prompt('请输入一个三位数：');

        var a = parseInt(n / 100);
        var b = parseInt((n - a * 100) / 10);
        var c = (n - a * 100) - b * 10;
        alert(a)
        alert(b)
        alert(c)
    </script>

{/collapse-item}
{/collapse}

动态统计学生就业薪资，计算总薪资与平均薪资

难度：困难

案例需求

当用户输入多少学生就弹出多少学生的成绩输入框（动态生成）

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = []
        var sum = 0;
        var n = +prompt('请输入学生人数：');
        for (var i = 0; i < n; i++) {
            var a = +prompt('请输入第' + (i + 1) + '个学生的就业薪资：');
            arr[i] = a;

            sum += arr[i]
        }

        console.log('学生薪资总和为：' + sum);
        console.log('学生平均薪资为：' + sum / n);
    </script>

{/collapse-item}
{/collapse}

给一个不重复的数字数组，求最大值和最大值在数组中的下标（索引号）

难度：一般

案例需求

给一个不重复的数字数组，求最大值和最大值在数组中的下标（索引号）

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = [1, 3, 7, 4, 9, 22, 5];
        var max = arr[0];
        var index;

        for (var i = 0; i < arr.length; i++) {
            if (arr[i] > max) {
                max = arr[i];
                index = i;
            }
        }
        console.log('最大值为：' + max);
        console.log('最大值的下标为：' + index);
    </script>

{/collapse-item}
{/collapse}

统计班级学生就业薪资，计算薪资超过15000的有几个人

难度：简单

案例需求

统计班级学生就业薪资，计算薪资超过15000的有几个人

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var sum = 0;
        var arr = [8900, 9900, 14000, 4000, 18300, 35900];

        for (var i = 0; i < arr.length; i++) {
            if(arr[i] > 15000){
                sum++
            }
        }

        console.log('薪资超过15000的有： ' + sum + '人');
    </script>

{/collapse-item}
{/collapse}

给一个字符串数组，将数组中每一个数据拼接在一起，每个数据之间用 | 符合拼接。如张三|李四|王五

难度：简单

案例需求

给一个字符串数组，将数组中每一个数据拼接在一起，每个数据之间用 | 符合拼接。如张三|李四|王五

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = ['张三', '李四', '王五'];

        var str = arr.join('|');
        console.log(str);
    </script>

{/collapse-item}
{/collapse}

给一个数字数组，数组中的数据翻转，存到一个新的数组中

难度：一般

案例需求

给一个数字数组，数组中的数据翻转，存到一个新的数组中

代码

{collapse}
{collapse-item label="查看代码"}

    <script>
        var arr = [1, 5, 3, 8, 9, 4];
        var Arr = [];

        for (var i = 0; i < arr.length; i++) {
            Arr[Arr.length] = arr[arr.length - i - 1];
        }

        console.log(Arr);
    </script>

{/collapse-item}
{/collapse}