初学JS（循环递归、闭包、字符串操作）

最新推荐文章于 2022-11-07 10:15:06 发布
最新推荐文章于 2022-11-07 10:15:06 发布
阅读量629 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Charminglsy/article/details/90261256
版权 
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
<!--
js   ecmaScript5.0  es5  原生js
6.0   es6    在原生js基础上 更新  前端-后端 后端基本一样
es7....
//功能：  数据交互
         特效
         //大量的逻辑代码
         表单验证
         正则表达式

        方式：1.js里面的基本语法
                变量  闭包  逻辑结构  循环结构  函数（参数   自执行  匿名函数  返回值函数问题   函数递归）
              2.window 对象  -document（dom--操作）  --history历史   ---location  地址对象  （bom-操作）
              3.js里面的内置对象  Array  String  Date   Math
              4.继承之类 （面向对象的开发   原型链继承  构造继承  实例继承 混合继承）
              5.模式 （单例模式）
              6.ajax（原理   跨域的问题）
              7.js 异常  try catch
              11天


              js如何嵌入网页使用--类似css使用方式   直接在script  src引入（外部文件）   或者直接写在页面里面 script  里面写的代码  --放置的位置  取决于加载的位置
-->
</body>
</html>

JS循环结构：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
         * 循环结构
         * for   while  do while
         * */
        /*
         * 最简单的for怎么写  死循环
         * */
        /*for(;;){

         }*/

        /* for(var i=0;i<10;i++){
         console.log(1);
         }
         for(var i=10;i>=0;i--){

         }*/

        /* for(var i= 0,k=10;i<k;i++)
         {
         console.log(1);
         }*/
        /*
         * 金子塔线条
         * */
        /*var s = "ab";
         var l = "de";
         var h="c";
         console.log("ab" +"c"+ "de");
         for(var i=1;i<50;i++)
         {
         document.write("<hr style='width:"+(i*10)+"px;'/>")
         }*/


        /*
         * 金子塔  乘法表
         * */
        for (var i = 1; i < 10; i++) {
            for (var k = 1; k <= i; k++) {
               /* if (k * i < 10) {
                    document.write("<span>" + (i + "*" + k + "=" + k * i + "&nbsp;&nbsp;&nbsp;") + "</span>");
                }
                else {
                    document.write("<span>"+(i + "*" + k + "=" + k * i + "&nbsp;")+"</span>");
                }*/
                document.write("<span>"+(i + "*" + k + "="+(k * i<10?(k * i) + "&nbsp;&nbsp;&nbsp;":(k*i)+"&nbsp;"))+"</span>");

            }
            document.write("<br>");
        }

        //打印***
        //******
        //  ******
        //    ******
        //      ******
        for(var i=0;i<4;i++)
        {
            for(var k=0;k<2*i;k++)
            {
                document.write("_");
            }
            for(var k=0;k<6;k++)
            {
                document.write("*");
            }
            document.write("<br>");
        }

    </script>
    <style>
        body {
            text-align: center;
        }

        span {
            display: inline-block;
            width: 100px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            border: 1px solid black;
        }
    </style>
</head>
<body>

</body>
</html>
JS函数样式：
    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
        * js里面的函数问题
        * 什么是函数？  （方法   调用完成  ）
        *函数的声明规则   关键字  function
        * function name(){}
        * 函数的调用规则  name();
        * 函数的声明提前  在代码执行之前提前声明
        * */
        //声明函数
        name();
        function name(){
            console.log(1);
        }
        //函数里面的其他问题
        //参数问题   返回值问题   函数的自执行问题  匿名函数
        /*
        * 1.函数的参数   参数：形参   调用函数传递的值  实参
        * */
        student(1,2,3);
        function student(name,sex,age){
            console.log(name,sex,age);
        }
        //无参函数

        //arguments  函数特有的属性  里面是函数的相关参数
        stu(1,2,3,4,5,6);
        function stu(){
            /*arguments.length*/// 参数列表的长度
            console.log(arguments[0],arguments[1],arguments[2],arguments[3]);
        }
        //函数有无返回值问题  return  返回  直接跳出  后续代码不执行
        console.log(showname());
        function showname(){
            //代码
            return 1;
        }

        //自执行函数   匿名函数 函数没有名称
        (function (){
            console.log(123);
        })();
        (function (a,b){
            console.log(a,b);
        })(1,2);

        //匿名函数 函数没有名称
        console.log(fun);//变量也可以提前声明
        //fun()   报错   fun is not function
        //下面这种声明方式的函数  不能被提前声明
        var fun=function (){
            console.log(1);
        }
        fun();


    </script>
</head>
<body>

</body>
</html>
    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
        * 循环结构
        * while （先判断）
        * do while（先执行后判断  至少一次）
        *
        * */
        var n=0;
        while(n>1){
            n++;
            console.log(n);
        }
        var m=0;
        do{
            m++;
            console.log(m);
        }while(m>1);
    </script>
</head>
<body>

函数递归：

   <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
         * 函数的递归  反复执行自己本身
         * */
        /* show();
         function show(){
         //写代码
         show();
         }*/
        /*
         *阶乘
         * */
        /* function fun(num) {
         if (num == 1) {
         return 1;
         }
         return num * fun(num - 1);
         }
         console.log(fun(5));*/
        /*fun(5)  -----5*4*3*2*1
         fun(4)  -----4*fun(4-1)
         fun(3)------3*fun(3-1)
         fun(2) -----2*1*/


        //??   fun(5)=5*fun(4)
        /* 5*fun(4) //fun(4)=4*fun(3)
         4*fun(3)
         3*fun(2)
         2*fun(1)
         5*4*3*2*1*/
        /*寻找1~1000之内，所有能被5整除、或者能被6整除的数字*/
        /* for(var i=1;i<1000;i++)
         {
         if(i%5==0||i%6==0)
         {
         console.log(i);
         }
         }*/
        /*
         *
         * 游戏玩儿法就是，大家轮流报数，如果报到能被7整除的数字，或者尾数是7的数字，都算踩地雷了。就应该罚唱歌。
         请在控制台输出1~60之间的所有“安全数”。
         * */
        /* for(var i=1;i<60;i++)
         {
         if(!(i%7==0||i%10==7))
         {
         console.log(i);
         }
         }*/

        /*
         * 1-100 所有的素数   只能被1 和  自身 除   ----除了1和本身  其他的数能除的就不素数
         * */
        for (var i = 2; i < 100; i++) {
            var issu = false;//判断你到底是不是素数   true不是  false是
            for (var k = 2; k < i; k++) {
                if (i % k == 0) {
                    issu = true;
                }
            }
            if (!issu) {
                console.log("素数：" + i);

            }
        }

        /*
         * 找数字的因数
         * */
        /* var a = 15;
         for (var i = 0; i < a; i++) {
         if (a % i == 0) {
         console.log(i);
         }
         }*/

        /*Fibonacci   11235....*/
        /*
         *  第几位数列的值
         *  递归
         * */
        /* function fun(num){
         if(num<=2)
         {
         return 1;
         }
         return fun(num-1)+fun(num-2);
         }
         console.log(fun(5));*/

    </script>
</head>
<body>

</body>
</html>
JS字符串常用方法：
    <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
         * 字符串的方法
         * 查找字符的方法
         * */
        var str = "a|b|c|d|efg";
        /*一个参数   找到了返回当前字符的索引位置   没找到直接返回-1*/
        console.log(str.indexOf("m"));
        /*两个参数  找到字符返回字符的索引位置  没找到返回-1  从哪个位置开始找*/
        console.log(str.indexOf("a", 0));
        /* str.lastIndexOf()*///后往前面找
        //遍历字符串  获取每个字符的索引位
        //遍历
        //charAt(pos)  根据索引获取对应的字符
        for (var index in str) {
            /*console.log(str[index]);*/
            console.log(str.charAt(index));
            console.log(str.charCodeAt(index));//根据索引获取对应的ascii值
        }
        var as = 97;
        console.log(String.fromCharCode(as));

        //其他方法  split 将字符串转化为集合
        console.log(str.split("|"));
        //集合转化为字符串
        var ss = str.split("|");
        console.log(ss.join(""));
        //字符串的拼接   concat   合并
        var c1 = "abcb";
        var c2 = "def";
        console.log(c1.concat(c2));
        //替换 replace  替换
        console.log(c1.replace("b", 1));
        //字符串的截取   substr(index,length)
        console.log(str.substr(1, 4));
        //substring(startindex,endindex);
        console.log(str.substring(1, 4));

        //查找索引
        console.log(str.search("a"));
        //大小写转化的方法toUpperCase() 转化大写  toLowerCase  转化为小写
        console.log(str.toUpperCase().toLowerCase());

        //slice 截取字符串
        console.log(str.slice(0, 4), str);
    </script>
</head>
<body>

</body>
</html>

重点：
浅谈JS闭包：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        /*
         * 什么是闭包：使用别人的私有变量
         * 优缺点：
         * 缺点：会将闭包的值存在内存里面  会占用内存   ----网页的内存泄露
         * 有点：可以使用局部变量
         *
         * 在做开发的时候尽量避免使用闭包
         *
         * */
        /* function fun1(){
         var a=10;
         return a;
         }
         function fun2(){
         console.log(fun1());
         }
         fun2();*/

        /*function f1(){
         var a=1;
         t=function (){
         a++;
         }
         return function (){
         console.log(a);
         }
         }
         var a=f1();//function (){console.log(a);}
         t();
         a();//2
         t();
         a();//3
         var a1=f1();//function (){console.log(a);}
         t();
         a1();//2
         t();
         a1();//3*/
        /*function f1() {
            var n = 999;
            return function f2() {
                return n;
            }
        }
        //f1() function f2(){ return n;}
        console.log(f1()());
        console.log(f1());*/
       /* var name="global";
        function foo(){
            console.log(name);
        }
        function fooOuter1(){
            var name="local";
            foo();
        }
        fooOuter1();

        function fooOuter2(){
            var name="local";
            function foo(){
                console.log(name);
            }
            foo();
        }
        fooOuter2();*/


       /* function test() {
            var value =2;
            return function (params) {
                console.log(value * params);
                console.log(window.value * params);
            }
        }
        value=3;
        var a = test();//后边的匿名函数
        a(2); //params=2*/

       /* function f1(){
            var b=10;
            return function (){
                b++;
                console.log(b);
            }
        }
        f1()();*/
        var m=0;
        function f2(n){
            temp=function (){
                m+=n;
            }
            temp();
            //方法的重写
            f2.toString=function (){
                return m;
            }

            return f2;
        }

        console.log(f2(1)(2)(3));//算和
        var aa=123;
        console.log(typeof  aa.toString());;

    </script>
</head>
<body>

</body>
</html>
Charminglsy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript遍历字符串
allway2的博客
05-09 3万+
遍历字符串 length属性 该length属性具有字符串长度，它仅返回字符串中的字符数： let str = "hello123"; alert(str.length); // 8 // the last character alert(str[str.length - 1]); // 3 请注意，这str.length是数字属性，而不是函数。无需在其后添加括号。 使用字符串索引号遍历字符串 for循环 要遍历字符串的所有字符，我们可以使用一个普通的for
js如何循环拼接字符串
gb4215287的博客
05-11 2万+
//用js function getTextByJs() {     var str = "";     //根据name获取所有元素     var txts = document.getElementsByName("txt");     for (var i = 0; i          str += txts[i].value + ",";     }     //去掉最
js循环的几种方式总结
weixin_43285861的博客
11-20 1万+
前言 只描述了一些最基本的用法，和一些可能遇到的问题。一些细节，或者特殊写法之类的，没有。 1.for循环 最基本的循环方式，不多说。但是我在其它某篇文章上，听别人说，这种最基本的循环才是速度最快的，效率最高的。(就是这https://www.jb51.net/article/… for(var i = 0;i<5;i++){ console.log(i) } 2.for in循环 for in循环是用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据
c语言入门之循环语句2
qjhaa的博客
09-09 333
c语言入门之循环语句dowhile循环与while for的区别break循环break注意点continue dowhile循环 格式： do { code//代码块 }while(条件);//最后要有分号 如 int main(void) { int i=1; do { printf("%d",i); i++; }while(i<=5); system("pause"); return 0; } 与while for的区别 1、do while至少执行一次 2、执行多次效果一样
js使用递归函数对字符串逆序
图解前端的博客
07-05 1974
js使用递归函数对字符串逆序 问题用 JavaScript 写一个函数，输入 int 型，返回整数逆序后的字符串。如：输入整型 1234，返回字符串“4321”。要求必须使用递归函数调用，不能用全局变量，输入函数必须只有一个参数传入，必须返回字符串。 解答 下面是一些小伙伴的答案 方法一： function fun(num){ let num1 = num / 10; let nu...
LeetCode.js：LeetCode JavaScript解决方案
02-11
在LeetCode.js项目中，你可以找到各种LeetCode问题的JavaScript实现，这些问题涵盖了数组、字符串、链表、树、图、回溯、动态规划等多个领域，这为我们提供了宝贵的实战经验。 1. **数据结构基础**：JavaScript中的...
2020-Advent-of-Code-JS:JavaScript
05-30
JavaScript提供了丰富的字符串方法，如`split()`、`join()`、正则表达式等，用于处理字符串。 3. **递归和循环**：许多AOC任务需要使用递归或循环来解决。JavaScript支持这两种控制流结构，递归尤其在处理树状结构...
js-basic-algorithms
05-04
字符串操作也是JavaScript中的常见任务，因此，字符串匹配、模式查找和文本处理算法可能会被涉及。例如，KMP算法或Rabin-Karp算法可以用于高效地查找子串。 在动态规划和贪心算法方面，JavaScript同样适用。这些...
javascript-algorithms
03-10
5. **字符串处理**：JavaScript中的字符串操作常见于各种任务，如模式匹配、字符串反转、最长公共子序列等。 6. **排序和堆**：快速排序、归并排序、堆排序等高效排序算法，以及堆（最大堆和最小堆）的应用。 7. *...
Exercicios_Algoritimo_JS
04-19
1. **基本数据类型与操作**：理解JavaScript的基础数据类型（如字符串、数字、布尔值、数组、对象等）及其操作方法，例如数组的push、pop、shift、unshift、slice等。 2. **控制流语句**：学习如何使用条件语句（if...
JavaScript用递归查找字符串中的字符
m0_54482735的博客
02-02 955
JavaScript用递归查找字符串中的字符，成功返回 个数和下标，失败返回-1
javaScript 如何使用js追加字符串呢？
热门推荐
高先生的猫
06-17 2万+
字符串的操作是任何一门计算机语言都必须面对的问题，那么js中我们该如何对字符串进行相关操作列，下文将一一道来: 常见的字符串追加有以下三种需求: 1.在字符串最后面添加字符串 ---实现思路：采用加号或concat函数直接在字符串后面加上字符 2.在字符串开头添加字符串 ---实现思路：采用加号在字符串开头位置加上字符 3.在字符串指定位置插入字符串 ---实现思路:采用slice函数从字符串的直接位置剪切字符串，然后再采用加号或concat连接字符串 例: 字符串的三种操作方式举例 &l.
js循环拼接字符串
Sang
05-07 5436
js循环拼接字符串
JavaScript 递归的几种写法
灵台方寸山斜月三星洞
07-18 5606
树型结构生成sql，用于插入mysql。(也就是叫你调用函数名)有的时候，我们拿到一个树，但是没有。递归调用接口，结果组装成 map。我们如下处理给它补上。
JS递归实现反转数组字符串
hasagei_ly的博客
04-20 1522
直接先上代码，通过标题就可以看到是个很基础的demo。 每天一个JavaScript实例-递归实现反转数组字符串 var func = function(x,indx,str){ return indx == 0 ? str : func(x,--indx,(str +=" " + x[indx]));; } var arr = new Array("appl
(js)模板字符串中使用循环遍历数据：
nyf_unknow的博客
06-06 2549
(js)模板字符串中使用循环遍历数据：
Javascript之条件、循环、函数、递归、数组、字符串、Date练习题
weixin_45779841的博客
03-03 2784
1.判断三个数的大小，并从小到大排列 var num1 = +prompt("请输入数字："); var num2 = +prompt("请输入数字："); var num3 = +prompt("请输入数字："); if(num1 > num2 && num1 > num3){ if(num2 > num3){ alert(num3 + "," + num...
JS模板字符串中使用循环遍历数据
老电影故事的博客
11-07 1220
不添加 join(‘’) 时，在 li标签中间多了一个逗号，这是因为当大括号中的值不是字符串时，会将其转为字符串，比如一个数组 [1, 2, 3] 就会被转为 1,2,3，逗号就是这样产生的。
【JavaScript】用字符串进行for循环
等时钟成长
12-27 2151
1. for循环中使用字符串 在项目需求中遇到这样一个问题： 双时间问题： 四个输入框（起始日期，起始时间，结束日期，结束时间），现在要将所选时间段按照"2018-12-27 02:00:00"这样的格式整点编排成一个数组。 首先对起始日期和结束日期进行日期化，得到所有日期数组，写了如下函数 function getDateArr(start, end){ // 参数解释： （1...
java 递归循环调用字符串
最新发布
06-10
如果你想递归循环调用字符串，可以按照以下步骤进行： 1. 先编写一个递归方法，传入一个字符串作为参数。 2. 在方法中，判断字符串是否符合某个条件，如果符合条件则输出，否则将字符串拆分成若干个子字符串，再...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值