js基础案例归档

逃离我推掉我的手 2021-08-13 20:09 331阅读 0赞

双重循环：外层循环控制行数，内层循环行内个数

1:打印一个倒三角

let str = ''
        for (let i = 1; i<=9; i++) {
            for (let j = i; j<=9; j++ ) { //从i开始，内部一直到<=9位置
                str += '⭐️'+'\t'
            }
            str += '\n'
        }
        console.log(str);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70][]

2:打印一个正三角

// 正五角星
        let str = ''
        for (let i = 1; i<=9; i++) { // 外层循环控制行数 1-9 总共九行
            for (let j = 1; j<=i; j++ ) { // 内层循环控制行内个数，
    第一行i=1,j=1  1 个星星  
    第二行i=2,j=2  2 个星星 
    第三行i=3,j=3  3 个星星   
    ...
                str += '⭐️'+'\t' //每个星星之间添加空格
            }
            str += '\n' //没循环一行，就进行换行
        }
        console.log(str); //输出星星

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 1][]

3:九九乘法表：思路和正三角基本一致,只是把星星换成了字符串表达式

let str = ''
        for (let i = 1; i <= 9; i++) {
            for (let j = 1; j <= i; j++) {
                str += j + '*' + i + '=' + j * i + '\t'
            }
            str += '\n'
        }
        console.log(str);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 2][]

4:冒泡排序

![20191012101650715.png][]

5:封装冒泡排序: 每个函数都有返回值，表面写的是返回函数里面形参，实际是返回函数里面运算的结果

![20191012102529761.png][]

6:api实现数组的排序(冒泡)

let arr = [4, 1, 6, 2, 3, 23]
       let newArr = arr.sort(function (a, b) {
           return a - b;
       });
       console.log(newArr);
    //注：a-b是升序，b-a是降序

![20191012103019885.png][]

7：数组的反转

let arr = ['pink', 'red', 'yellow'];
        let empty = [];
        for (let i = 0; i < arr.length; i++) {
            empty[empty.length] = arr[arr.length - 1 - i];
        }
        console.log(empty)

![20191012103706880.png][]

8:数组的反转API

let arr = ['pink', 'red', 're', 'yellow'];
        let empty =arr.reverse() ;
        console.log(empty)

![20191012103849469.png][]

9:封装判断平年，闰年。并且返回但当年二月的天数

9.1:先判断是否是闰年：能被4整除但是不能被100整除，或者能被400整除，是闰年 ----  另  && 的优先级大于 || ，所以&&不用➕（） ，也是先判&&

function isFullYear(year) {
            let flag = false;
            if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0) {
                flag = true;
            }
            return flag;
        }
    
        console.log(isFullYear(2000))

![20191012104703358.png][]

9.2:根据年份，弹出二月的天数

10:查找固定字符串重复的位置，并且输出重复的次数

let str = "qweorotoyot";
        let index = str.indexOf('o');
        let num = 0;
        while (index !== -1) {
            console.log(index);
            num++;
            index = str.indexOf('o', index+1)
        }
        console.log('o出现次数'+ num)

11:查找不固定的字符串出现次数最多，并且输出

![20191012114204663.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70]: /images/20210813/6d9c67b7edc44f15a5c2b8f6a38f37ab.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 1]: /images/20210813/7014c628ce4e45c8af678037b7850d0d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM4ODQ1ODU4_size_16_color_FFFFFF_t_70 2]: /images/20210813/77bb7bfb04a7433885019e36c0f93e8e.png
[20191012101650715.png]: /images/20210813/b506389e538a4a91822dd147edde2bcf.png
[20191012102529761.png]: /images/20210813/85f21cb04dbe44ffa9778ad28b275004.png
[20191012103019885.png]: /images/20210813/d0daa3ee14974714b2210d68dfc2a868.png
[20191012103706880.png]: /images/20210813/6e1c451983e947579180912b6538145f.png
[20191012103849469.png]: /images/20210813/9852c1f2b3864d1ebfb37890d99e33d0.png
[20191012104703358.png]: /images/20210813/b2eeb267c7054947be00ed32afb31075.png
[20191012114204663.png]: /images/20210813/577f6e2af7e24ad8a357e8fe51e23be7.png