js基礎案例

来源:https://www.cnblogs.com/wxzxwd/archive/2022/04/10/16125112.html
-Advertisement-
Play Games

前端周刊發表每周前端技術相關的大事件、文章教程、一些框架的版本更新、以及代碼和工具。每周定期發表，歡迎大家關註、轉載。 如果外鏈不能訪問，關註公眾號「前端每周看」，裡面有解決辦法 大事件 Veni，vidi，formatae! 宣佈Rome Formatter：超快速的 JavaScript 格式化 ...


<!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>
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 《富豪谷底求生》紀錄片記錄
    昨天看到知乎推這個主題，非常感興趣。遂花了一天的時間把全集看完了（B站有資源），把從中總結到的東西記錄了下來。 一共32條，沒時間看全片的同學可以看看下麵的總結。 總之我是準備把這32條背下來了。 ————以下是總結正文———— 1、賺大錢比較容易，只賺個幾百幾千，是比較難的； 2、人一慌張就容易太 ...
  • 《經濟機器如何運轉》筆記
    視頻鏈接：【Ray Dalio】三十分鐘看懂經濟機器如何運轉（比爾蓋茨推薦） 影響經濟的三要素 生產率的提高 短期債務周期 長期債務周期 理解交易 每次交易中：買方使用 貨幣/信用 向賣方獲取 商品、服務或股票資產 支出總額 = 貨幣 + 信用 支出總額是經濟的驅動力 價格 = 支出總額 / 銷量 ...
  • 【每天學一點-03】 使用Html5+Less實現簡單的靜態登錄界面（入門Less）
    1、首先引用Less 有npm安裝、cdn引用、或者下載Less.js本地引用，我採用的是第三種方法 less.js引用： 下載地址：https://github.com/less/less.js/tree/master/dist <script src="./js/less.js" type="t ...
  • Vue3的main.js的坑
    Vue2升級為Vue3之後有很多新內容，但也有很多坑，這裡講下我今天剛學Vue3遇到的坑。可以直接到最後看main.js。 首先就是Element-ui，前端vue一般都使用這個插件，但這個插件在Vue3中就不能用了（應該是暫時，目前2022年4月10日），but它有一個兄弟可以用，它叫elemen ...
  • 2022.4.9第十三屆藍橋杯web組個人題解
    2022第十三屆藍橋杯第一次開放了web組賽道，博主作為一名前端小白，參加了這次比賽。一共十個題目，目的均是實現特定的網頁效果，考點包含三件套、jQuery和vue，這裡簡單的進行一下個人的題解記錄。 ...
  • Vue基礎開發入門之簡單語法知識梳理（思維導圖詳解）
    基於個人寫的以下關於Vue框架基礎學習的三篇隨筆，在此基礎上，做一個階段性的知識總結，以此來檢驗自己對Vue這一段時間學習的成果，內容不多，但很值得一看。（思維導圖詳解） ...
  • VUE生命周期函數
    VUE生命周期函數 可謂是一個個鮮活的生命在服務於各個在使用VUE框架的碼農~ beforeCreate: 創建實例之前; 初始化 註入&校驗 把data、methods、props、computed、provide、watch...依次掛載到實例上 methods 中普通的方法和computed中 ...
  • 做大屏的四款可視化工具
    正文 1. 阿裡雲DataV 2. 積木報表jimureport 3. 百度Sugar 4. 帆軟 最經常的工作是將一些項目的數據從資料庫導出，然後分門別類的列到excel表格中，領導看起來眼花繚亂。 要是能以圖表可視化展現出來，領導就可以看到項目近幾個月的走勢，也知道之後要怎麼決策了。 嘗試了使用 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類