草庐IT

js基础案例

WXQD 2023-03-28 原文
<!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>Document</title>
  </head>
  <body>
    <script>
      //简易atm机
      /*  var sum = 100;
       do {
         var text = parseFloat(prompt("1.存钱\n2.取钱\n3.显示余额\n4.退出"));
         switch (text) {
           case 1:
             var cq = parseFloat(prompt("存钱金额"));
             sum += cq;
             alert("金额为" + sum);
             break;
           case 2:
             qq = parseFloat(prompt("取钱金额"));
             if (qq > sum) {
               alert("金额不足");
             } else {
               sum -= qq;
               alert("金额为" + sum);
               break;
             }
           case 3:
             alert("余额" + sum);
             break;
           case 4:
             alert("你已经退出");
             break
           default:
             alert("没有这个功能");
             break;
         }
       } while (text !== 4); */

      //求最大值
      /* var arr = [2, 6, 1, 77, 52, 25, 7, 99];
       max = arr[0];
       for (var i = 1; i < arr.length; i++) {
         if (arr[i] > max) {
           max = arr[i];
         }
         // max=arr[i]>max?arr[i]:max;
       }
       console.log(max); */

      //求最小值
      /*  var arr1 = [2, 6, 1, 77, 52, 25, 7, 99];
       min = arr[0];
       for (var i = 1; i < arr1.length; i++) {
         if (arr1[i] < min) {
           min = arr1[i];
         }
         // max=arr[i]>max?arr[i]:max;
       }
       console.log(min); */

      //输出1-10的整数在arr2里面
      /* var arr2 = [];
       for (var i = 0; i < 10; i++) {
         arr2[i] = i + 1;
       }
       console.log(arr2); */

      //求数组大于10的存在arr4数组里面
      /* var arr3 = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
       var arr4 = [];
       for (var i = 0; i < arr3.length; i++) {
         if (arr3[i] >= 10) {
           arr4[arr4.length] = arr3[i];
         }
       }
       console.log(arr4); */

      //求数组小于10的存在arr4数组里面
      /* var arr3 = [2, 0, 6, 1, 77, 0, 52, 0, 25, 7];
       var arr4 = [];
       for (var i = 0; i < arr3.length; i++) {
         if (arr3[i] <= 10) {
           arr4[arr4.length] = arr3[i];
         }
       }
       console.log(arr4); */

      //反转数组
      /* var arr = ["red", "green", "blue", "pink", "purple", "hotpink"];
       arr1 = [];
       for (var i = arr.length - 1; i >= 0; i--) {
         arr1[arr1.length] = arr[i];
       }
       console.log(arr1); */

      //冒泡排序
      /* var arr = [5, 3, 1, 4, 2];
       for (var i = 0; i <= arr.length - 1; i++) {  //i只是判断要循环的趟数
         for (var j = 0; j < arr.length - i - 1; j++) {  //j是判断循环的次数
           if (arr[j] > arr[j + 1]) {
             var temp = arr[j];
             arr[j] = arr[j + 1];
             arr[j + 1] = temp;
           }
         }
       }
       console.log(arr); */

      // 简易计算器
      /* num1 = prompt("请输入第一个数字");
       ysf = prompt("请输入运算符");
       num2 = prompt("请输入第个二数字");
       function getJs() {
         switch (ysf) {
           case "+":
             return parseFloat(num1) + parseFloat(num2);
             break;
           case "-":
             return parseFloat(num1) - parseFloat(num2);
             break;
           case "*":
             return parseFloat(num1) * parseFloat(num2);
             break;
           case "/":
             return parseFloat(num1) / parseFloat(num2);
             break;
           default:
             alert("没有这个运算");
             break;
         }
       }
       alert("运算结果为" + getJs(num1, ysf, num2)); */

      //输入任意两个数求最大值
      /* var num1=prompt('请输入第一个值');
       var num2=prompt('请输入第二个值');
       function getMax(num1, num2) {
         return num1 > num2 ? num1 : num2;
       }
       alert(getMax(num1,num2)); */

      //输入任意三个数求最大值
      /* var num1 = prompt("请输入第一个值");
       var num2 = prompt("请输入第二个值");
       var num3 = prompt("请输入第二个值");
       function getMax(num1, num2, num3) {
         arr = [num1, num2, num3];
         max = arr[0];
         for (var i = 1; i <= arr.length; i++) {
           if (arr[i] > max) {
             max = arr[i];
           }
         }
         return max;
       }
       alert(getMax(num1, num2,num3)); */

      //判断是否为质素
      /* var num = prompt("请输入一个数");
       function getZs(num) {
         if (num <= 2) {
           return false;
         }

         for (var i = 2; i < num; i++) {
           if (num % i == 0) {
             return false;
           }
         }
         return true;
       }
       alert(getZs(num)); */

      //arguments求最大值
      /* function getMax() {
         var max = arguments[0];
         for (var i = 1; i < arguments.length; i++) {
           if (arguments[i] > max) {
             max = arguments[i];
           }
         }
         return max;
       }
       console.log(getMax(56, 89, 33, 4));
       console.log(getMax(56, 5, 89, 353, 4));
       console.log(getMax(56, 89, 33, 994)); */

      //利用函数翻转任意数组 reverse翻转的意思
      /* function reverse(arr) {
         var newArr = [];
         for (var i = arr.length - 1; i >= 0; i--) {
           newArr[newArr.length] = arr[i];
         }
         return newArr;
       }
       var arr1 = reverse([1, 2, 3, 4, 5]);
       console.log(arr1);
       var arr2 = reverse([2, 6, 8, 10, 12]);
       console.log(arr2); */

      //函数冒泡排序 sort排序的意思
      /* function sort(arr) {
         for (var i = 0; i < arr.length - 1; i++) {
           for (var j = 0; j < arr.length - i - 1; j++) {
             if (arr[j] > arr[j + 1]) {
               var temp = arr[j];
               arr[j] = arr[j + 1];
               arr[j + 1] = temp;
             }
           }
         }
         return arr;
       }
       var arr1 = sort([9, 62, 8, 2, 3, 66, 89, 10]);
       console.log(arr1); */

      //函数判断闰年 是返回true 否则false
      /*  function isRunnian(year) {
         var flag = false;
         if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
           flag = true;
         }
         return flag;
       }
       console.log(isRunnian(2000));
       console.log(isRunnian(1999));

       //利用调用函数判断闰年天数  if 里面默认为是true  else 则是false
      function getDate() {
         var year1 = prompt("请输入年份");
         if (isRunnian(year1)) {
           alert("第二月有29天");
         } else {
           alert("第二月有28天");
         }
       }
       getDate(); */

      //利用{}按照要求创建对象
      /* var obj = {
         name: "可可",
         type: "阿拉斯加犬",
         age: 18,
         color: "pink",
         say: function () {
           console.log("汪汪汪");
           console.log("演电影");
         }
       };
       console.log(obj.name);
       console.log(obj.age);
       obj.say(); */

      //利用new Object根据要求创建对象
      /* var obj1=new Object();
       obj1.name='鸣人';
       obj1.sex='男';
       obj1.age=19;
       obj1.skill=function(){
         console.log('影分身术');
       }
       console.log(obj1.name);
       console.log(obj1['age']);
       obj1.skill(); */

      //利用构造函数创建对象
      /* function King(name,type,blood){
         this.name=name;
         this.type=type;
         this.blood=blood;
         this.attack=function(attack){
           console.log(attack);
         }
       }
       var lp=new King('廉颇','力量型','500血量')
       console.log(lp.name);
       console.log(lp['type']);
       lp.attack('近战')

       var hy=new King('后裔','射手型','100血量')
       console.log(hy.name);
       console.log(hy['type']);
       lp.attack('远程'); */

      //利用函数反转数组
      /* function getFz(arr) {
         newArr = [];
         for (var i = arr.length - 1; i >= 0; i--) {
           newArr[newArr.length] = arr[i];
         }
         return newArr;
       }
       var arr1 = getFz([1, 2, 3, 4, 5]);
       console.log(arr1); */

      //利用函数实现对数字数组的排序
      /* function paiXu(arr) {
         for (var i = 0; i < arr.length - 1; i++) {
           for (var j = 0; j < arr.length - i - 1; j++) {
             if (arr[j] > arr[j + 1]) {
               var temp = arr[j];
               arr[j] = arr[j + 1];
               arr[j + 1] = temp;
             }
           }
         }
         return arr;
       }
       var arr1 = paiXu([5, 4, 3, 2, 1]);
       console.log(arr1); */

      //建议计算器2
      /* while (true) {
         var num = parseInt(
           prompt("1.加法运算\n2.减法运算\n3.乘法运算\n4.除法运算\n5.退出")
         );
         if (num == 5) {
           alert("正在退出");
           break;
         }
         switch (num) {
           case 1:
             var num1 = parseFloat(prompt("请输入第一个数"));
             var num2 = parseFloat(prompt("请输入第二个数"));
             alert(num1 + num2);
             break;
           case 2:
             var num1 = parseFloat(prompt("请输入第一个数"));
             var num2 = parseFloat(prompt("请输入第二个数"));
             alert(num1 - num2);
             break;
           case 3:
             var num1 = parseFloat(prompt("请输入第一个数"));
             var num2 = parseFloat(prompt("请输入第二个数"));
             alert(num1 * num2);
             break;
           case 4:
             var num1 = parseFloat(prompt("请输入第一个数"));
             var num2 = parseFloat(prompt("请输入第二个数"));
             alert(num1 / num2);
             break;

           default:
             alert("没有这个运算");
             break;
         }
       } */

      //['red', 'blue', 'red', 'green', 'pink','red'], 求 red 出现的位置和次数
      /* var arr1 = ["red", "blue", "red", "green", "pink", "red"];
       var index = arr1.indexOf("red");
       var num = 0;
       while (index !== -1) {
         console.log(index);
         num++;
         index = arr1.indexOf("red", index + 1);
       }


       console.log(num); */ //判断字符串中出现最多的值,输出值和几次
      /* var str = "abcoefoxyozzopp";
      var o = {};
      for (var i = 0; i < str.length; i++) {
        var chars = str.charAt(i);
        if (o[chars]) {  //o[chars]是属性值,应为chars是字符串型所以不能直接o.chars
          o[chars]++;
        } else {
          o[chars] = 1;  //可以理解为在o对象里创建了chars属性并赋值为1;
        }
      }
      console.log(o);
      var max = 0;
      var ch = "";
      for (k in o) {   //遍历对象k是属性,o[k]是属性值
        if (o[k] > max) {
          max = o[k];
          ch = k;
        }
      }
      console.log("出现最多的属性是" + ch);
      console.log("出现的次数是" + max); */

      //给定一个字符串,如:'abaasdffggghhjjkkgfddsssss3444343'
      /* 1.求出字符串的长度,
      2.取出指定位置的字符,如0,3,5,9等
      3.查找指定字符串是否有以上字符存在,如:i,c,b等
      4.替换指定字符,如:g替换成22,ss替换成b等操作方法
      5.截取指定开始位置到结束位置的字符串,如:取得1-5的字符串
      6.找出以上字符串中出现最多的字符和出现次数 */
      /* var str = "abaasdffggghhjjkkgfddsssss3444343";
      console.log(str.length);

      console.log(str.charAt(0));
      console.log(str.charAt(3));
      console.log(str.charAt(5));
      console.log(str.charAt(9));

      function panDuan(num) {
        if (num !== -1) {
          return "有该字符串";
        } else {
          return "没有该字符串";
        }
      }
      console.log(panDuan(str.indexOf("i")));
      console.log(panDuan(str.indexOf("c")));
      console.log(panDuan(str.indexOf("b")));

      function tiHuan(string) {
        while (str.indexOf(string) !== -1) {
          str = str.replace(string, 22);
        }
        return str;
      }
      console.log(tiHuan("g"));

      var str = "abaasdffggghhjjkkgfddsssss3444343"; //上面tiHuan函数把str替换,重新声明字符串
      console.log(str.substr(1, 5));

      var n = {};
      for (var i = 0; i < str.length; i++) {
        var chars = str.charAt(i);
        if (n[chars]) {
          n[chars]++;
        } else {
          n[chars] = 1;
        }
      }
      console.log(n); //先转换成对象,在遍历对象求出现最多的字符和次数
      var max = 0;
      var ch = "";
      for (b in n) {
        if (n[b] > max) {
          max = n[b];
          ch = b;
        }
      }
      console.log("出现最多的字符是" + ch + "出现了" + max); */
    </script>
  </body>
</html>

有关js基础案例的更多相关文章

  1. 「Python|Selenium|场景案例」如何定位iframe中的元素? - 2

    本文主要介绍在使用Selenium进行自动化测试或者任务时,对于使用了iframe的页面,如何定位iframe中的元素文章目录场景描述解决方案具体代码场景描述当我们在使用Selenium进行自动化测试的时候,可能会遇到一些界面或者窗体是使用HTML的iframe标签进行承载的。对于iframe中的标签,如果直接查找是无法找到的,会抛出没有找到元素的异常。比如近在咫尺的例子就是,CSDN的登录窗体就是使用的iframe,大家可以尝试通过F12开发者模式查看到的tag_name,class_name,id或者xpath来定位中的页面元素,会抛出NoSuchElementException异常。解决

  2. postman接口测试工具-基础使用教程 - 2

    1.postman介绍Postman一款非常流行的API调试工具。其实,开发人员用的更多。因为测试人员做接口测试会有更多选择,例如Jmeter、soapUI等。不过,对于开发过程中去调试接口,Postman确实足够的简单方便,而且功能强大。2.下载安装官网地址:https://www.postman.com/下载完成后双击安装吧,安装过程极其简单,无需任何操作3.使用教程这里以百度为例,工具使用简单,填写URL地址即可发送请求,在下方查看响应结果和响应状态码常用方法都有支持请求方法:getpostputdeleteGet、Post、Put与Delete的作用get:请求方法一般是用于数据查询,

  3. 软件测试基础 - 2

    Ⅰ软件测试基础一、软件测试基础理论1、软件测试的必要性所有的产品或者服务上线都需要测试2、测试的发展过程3、什么是软件测试找bug,发现缺陷4、测试的定义使用人工或自动的手段来运行或者测试某个系统的过程。目的在于检测它是否满足规定的需求。弄清预期结果和实际结果的差别。5、测试的目的以最小的人力、物力和时间找出软件中潜在的错误和缺陷6、测试的原则28原则:20%的主要功能要重点测(eg:支付宝的支付功能,其他功能都是次要的)80%的错误存在于20%的代码中7、测试标准8、测试的基本要求功能测试性能测试安全性测试兼容性测试易用性测试外观界面测试可靠性测试二、质量模型衡量一个优秀软件的维度①功能性功

  4. ES基础入门 - 2

    ES一、简介1、ElasticStackES技术栈:ElasticSearch:存数据+搜索;QL;Kibana:Web可视化平台,分析。LogStash:日志收集,Log4j:产生日志;log.info(xxx)。。。。使用场景:metrics:指标监控…2、基本概念Index(索引)动词:保存(插入)名词:类似MySQL数据库,给数据Type(类型)已废弃,以前类似MySQL的表现在用索引对数据分类Document(文档)真正要保存的一个JSON数据{name:"tcx"}二、入门实战{"name":"DESKTOP-1TSVGKG","cluster_name":"elasticsear

  5. ruby-on-rails - Assets 管道损坏 : Not compiling on the fly css and js files - 2

    我开始了一个新的Rails3.2.5项目,Assets管道不再工作了。CSS和Javascript文件不再编译。这是尝试生成Assets时日志的输出:StartedGET"/assets/application.css?body=1"for127.0.0.1at2012-06-1623:59:11-0700Servedasset/application.css-200OK(0ms)[2012-06-1623:59:11]ERRORNoMethodError:undefinedmethod`each'fornil:NilClass/Users/greg/.rbenv/versions/1

  6. ruby-on-rails - Rails - 理解 application.js 和 application.css - 2

    rails新手。只是想了解\assests目录中的这两个文件。例如,application.js文件有如下行://=requirejquery//=requirejquery_ujs//=require_tree.我理解require_tree。只是将所有JS文件添加到当前目录中。根据上下文,我可以看出requirejquery添加了jQuery库。但是它从哪里得到这些jQuery库呢?我没有在我的Assets文件夹中看到任何jquery.js文件——或者直接在我的整个应用程序中没有看到任何jquery.js文件?同样,我正在按照一些说明安装TwitterBootstrap(http:

  7. node.js - 如何在 Travis CI 上的一个项目中运行 Node.js 和 Ruby 测试 - 2

    我有一个包含多个组件的存储库,其中大部分是用JavaScript(Node.js)编写的,一个是用Ruby(RubyonRails)编写的。我想要一个.travis.yml文件来触发一个运行每个组件的所有测试的构建。根据thisTravisCIGoogleGroupthread,目前还没有官方支持。我的目录结构是这样的:.├──构建服务器├──核心├──扩展├──网络应用├──流浪文件├──package.json├──.travis.yml└──生成文件我希望能够运行特定版本的Ruby(2.2.2)和Node.js(0.12.2)。我已经有了一个make目标,所以maketest在每

  8. 【网络】-- 网络基础 - 2

    (本文是网络的宏观的概念铺垫)目录计算机网络背景网络发展认识"协议"网络协议初识协议分层OSI七层模型TCP/IP五层(或四层)模型报头以太网碰撞路由器IP地址和MAC地址IP地址与MAC地址总结IP地址MAC地址计算机网络背景网络发展        是最开始先有的计算机,计算机后来因为多项技术的水平升高,逐渐的计算机变的小型化、高效化。后来因为计算机其本身的计算能力比较的快速:独立模式:计算机之间相互独立。    如:有三个人,每个人做的不同的事物,但是是需要协作的完成。    而这三个人所做的事是需要进行协作的,然而刚开始因为每一台计算机之间都是互相独立的。所以前面的人处理完了就需要将数据

  9. node.js - 从未编写过任何自动化测试,我应该如何开始行为驱动开发? - 2

    按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。多年来,我一直在使用多种语言进行编程,并且认为自己总体上相当擅长。但是,我从未编写过任何自动化测试:没有单元测试,没有TDD,没有BDD,什么都没有。我已经尝试开始为我的项目编写适当的测试套件。我可以看到在进行任何更改后能够自动测试项目中所有代码的理论值(value)。我可以看到像RSpec和Mocha这样的测试框架应该如何使设置和运行所述测试变得相当容易

  10. ruby-on-rails - 将 Angular JS 与 Rails 集成 - 2

    我需要一些指导来了解如何将Angular整合到rails中。选择Rails的原因:我喜欢他们偏执的做事方式。还有迁移,gem真的很酷。使用angular的原因:我正在研究和寻找最适合SPA的框架。Backbone似乎太抽象了。我不得不在Angular和Ember之间做出选择。我首先开始阅读Angular,它对我来说很有意义。所以我从来没有去读过关于ember的文章。使用Angular和Rails的原因:我研究并尝试使用小型框架,例如grape、slim(是的,我也使用php)。但我觉得需要坚持项目的长期范围。我个人喜欢用Rails的方式做事。这就是我需要帮助的地方,我在Rails4中有

随机推荐