JS基礎語法---String(字元串的案例)

来源:https://www.cnblogs.com/jane-panyiyun/archive/2019/12/03/11977139.html

練習1: var str = "我的寶寶最可愛,聲音嗲嗲的"; var key = "可愛"; //先獲取要截取的字元串的索引位置 var index = str.indexOf(key); //從指定的桅子花開始截取,截取一定個數 str = str.substr(index, 7); conso ...


練習1:

    var str = "我的寶寶最可愛,聲音嗲嗲的";
    var key = "可愛";
    //先獲取要截取的字元串的索引位置
    var index = str.indexOf(key);
    //從指定的桅子花開始截取,截取一定個數
    str = str.substr(index, 7);
    console.log(str);

 

練習2:找到這個字元串中所有的 o 出現的位置

    var str2 = "hello wod odd ott fbo nhyo";
    var index = 0;//開始的位置
    var key = "o";//要找的字元串
    while ((index = str2.indexOf(key, index)) != -1) { //如果似乎-1情況,說明照完了
      console.log(index);
      index += key.length;
    }
    // var index = str2.indexOf("o", 0);
    // console.log(index);

 

練習3:找到這個字元串中每個字元串出現了多少次

    var str3 = "whatOareYyouYnoYshaHleiHoHmyHgod";
    //第一步:把所有的字母全部變成小寫
    str3 = str3.toLocaleLowerCase();
    //第二步:創建一個空對象,目的:把字母作為鍵,次數作為值
    var obj = {};
    //第三步,遍歷字元串,獲取每個字母
    for (var i = 0; i < str3.length; i++) {
      //判斷obj這個對象中有沒有這個字母(字母---鍵)
      var key = str3[i];//每個字母
      if (obj[key]) {//判斷obj中有沒有這個鍵
        //對象中有這個字母了
        obj[key]++;
      } else {
        //對象中沒有這個字母,那就把字母加到對象中,並且給這個字母一個出現的次數,預設1次
        obj[key] = 1;
      }
    }

    //遍歷對象,顯示每個字母的次數
    for (var key in obj) {
      console.log(key + "這個字母出現了" + obj[key] + "次");
    }

 


您的分享是我們最大的動力!

更多相關文章
  • 閑來無事看到了一個關於Vue的MVVM的簡單講解,覺得寫得不錯,做個分享。 文章地址 https://github.com/DMQ/mvvm 文章內容我就不貼出,比較簡潔明瞭,我記錄一下我的一些思考總結。 PS:建議先仔細讀這篇文章。 MVVM MVVM即雙向數據綁定,是一種設計模式,一般是Web前 ...
  • 使用three.js創建大小不隨著場景變化的文字,需要以下兩步: 1、將文字繪製到畫布上。 2、創建著色器材質,把文字放到三維場景中。 優點: 1、跟用html實現文字相比,這些文字可以被模型遮擋,更具有三維效果。 2、不會隨著場景旋轉縮放改變尺寸,不存在遠處看不清的情況,適用於三維標註。 效果圖: ...
  • 五類 IP 地址 TOP 網路地址:用於識別主機所在的網路; 主機地址:用於識別該網路中的主機。 IP地址分為五類: A 類保留給政府機構 B 類分配給中等規模的公司 C 類分配給任何需要的人 D 類用於用於特殊用途. 又稱做廣播地址 E 類暫時保留 各類可容納的地址數目不同。其中A類、B類、和C類 ...
  • cookie,sessionstorage,localstorage區別 ...
  • 1、filter() 方法創建一個新的數組,新數組中的元素是通過檢查指定數組中符合條件的所有元素。 原數組不變 不會對空數組進行檢測 2、find() 對於空數組,函數是不會執行的。 不會改變原數組 返回符合測試條件的第一個數組元素值 3、some 用於檢測數組中的元素是否滿足指定條件會依次執行數組 ...
  • 基本包裝類型 普通變數不能直接調用屬性或者方法 對象可以直接調用屬性和方法 基本包裝類型: 本身是基本類型, 但是在執行代碼的過程中, 如果這種類型的變數調用了屬性或者是方法, 那麼這種類型就不再是基本類型了, 而是基本包裝類型, 這個變數也不是普通的變數了, 而是基本包裝類型對象 string n ...
  • css 層疊樣式表,作用是為標簽加效果 基本選擇器 元素選擇器 標簽名稱{css屬性:值} id選擇器 id{} 類選擇器 .class1{屬性:值} 屬性選擇器 後代選擇器 html代碼: 組合選擇器 div,a{ color: yellow;} css樣式引入方式 head標簽中引入 外部文件引 ...
  • Array對象的方法 Array.isArray(對象) >判斷這個對象是不是數組 instanceof關鍵字 判斷對象是不是數組類型:兩種方法: //1 instanceof var obj = []; console.log(obj instanceof Array);//ture //2 使用 ...
一周排行
  • 1. 泛型Generic 1.1 引入泛型:延遲聲明 泛型方法聲明時,並未寫死類型,在調用的時候再指定類型。 延遲聲明:推遲一切可以推遲的。 1.2 如何聲明和使用泛型 泛型方法:方法名稱後面加上尖括弧,裡面是類型參數 類型參數實際上就是一個類型T聲明,方法就可以用這個類型T了。 如下所示: pub ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/7903617.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第三個模式--迭代器模式,先從名字上來看。迭代是遍歷的意思,迭代器可以理解為是遍歷某某的工具,遍歷什麼呢?在軟 件設 ...
  • 本筆記摘抄自:https://www.cnblogs.com/PatrickLiu/p/7928521.html,記錄一下學習過程以備後續查用。 一、引言 今天我們要講行為型設計模式的第四個模式--觀察者模式,先從名字上來看。觀察者模式可以理解為既然有“觀察者”,那肯定就有“被觀察者”了。“觀察者” ...
  • 先看核心代碼: public List<DataEntity> SearchShopSalesReport(DateTimeOffset? dateFrom, DateTimeOffset? dateTo,string groupBy) { var query = data.DataEntity / ...
  • 首先新建一個項目,名稱叫Caliburn.Micro.ActionConvertions 然後刪掉MainWindow.xaml 然後去app.xaml刪掉StartupUri這行代碼 其次,安裝Caliburn.Micro,Caliburn.Micro.Core,這兩個Nuget包,如下圖 然後新 ...
  • 一文帶你瞭解 C DLR 的世界 在很久之前,我寫了一片文章 "dynamic結合匿名類型 匿名對象傳參" ,裡面我以為DLR內部是用反射實現的。因為那時候是心中想當然的認為只有反射能夠在運行時解析對象的成員信息並調用成員方法。後來也是因為其他的事一直都沒有回過頭來把這一節知識給補上,正所謂亡羊補牢 ...
  • ​ 在C#8.0中,針對介面引入了一項新特性,就是可以指定預設實現,方便對已有實現進行擴展,也對面向Android和Swift的Api進行互操作提供了可能性。下麵我們來看看該特性的具體規則與實現。 一、主要應用場景: 在不破壞影響已有實現的情況下,可以添加新成員。這解決了在第三方已經大量使用了的介面 ...
  • 前言 通常在應用程式開發到正式上線,在這個過程中我們會分為多個階段,通常會有 開發、測試、以及正式環境等。每個環境的參數配置我們會使用不同的參數,因此呢,在ASP.NET Core中就提供了相關的環境API,方便我們更好的去做這些事情。 環境 ASP.NET Core使用ASPNETCORE_ENV ...
  • 擱置了幾天,工作忙的一塌糊塗,今天終於抽空來繼續看看MVC的知識。先來看看MVC的路由是如何處理的。以下為替代的路由: app.UseEndpoints(endpoints => { endpoints.MapControllerRoute( name: "default", pattern: "{ ...
  • 多用www.bing.com國際版解決代碼報錯 代碼運行的時候,報異常,國內的搜索引擎一搜, 浮誇的廣告太多,解決方案准確性不足, 盜版又很嚴重(導致一錯皆錯),方案未及時更新等詬病。 www.bing.com國際版可以關聯到: (1). 外國官網,可以獲得官方的解決方案。 (2). stackov ...
x