js中字符串操作

tunny 發布于2019-08-21 17:53 / 2810人閱讀

摘要：字符串包裝類型和字符串的不可變性包裝類型包裝類型簡單數據類型對應的復雜形勢包裝類型簡單類型包裝類型自定義屬性獲取屬性值簡單數據類型不可以自定義屬性簡單數據類型不可以自定義屬性簡單數據類型有屬性字符串的不可變性字符串一旦定義就不會被修改想要修

字符串API 包裝類型和字符串的不可變性

1.包裝類型

包裝類型：簡單數據類型對應的復雜形勢！

  //包裝類型：String/Number/Boolean;
    //簡單類型：string/number/boolean/undefined/null;
    
    //1.包裝類型;
      var obj = new Object();
      obj.aaa = 111;//自定義屬性
      console.log(obj.aaa);// 111 獲取屬性值
    
      //number：簡單數據類型不可以自定義屬性
      var num = 111;
      num.bbb = 222;
      console.log(num.bbb);// undefined 簡單數據類型不可以自定義屬性;
    
      //簡單數據類型有屬性！！！
      var str = "abc";
      console.log(str.length); // 3

2.字符串的不可變性

（字符串一旦定義就不會被修改,想要修改重新開辟空間）

根據索引查字符 1.charAt( )

//1.字符串.charAt(索引值);    字符串中對應索引值的字符。
//兼容性很棒;
例：
    var str = "0Aabcd我&";
    console.log(str.charAt(1));// A
    console.log(str.charAt(3));// b
    console.log(str.charAt(str.length-2)); // 我
    console.log(str.charAt(str.length-1)); // &

2.字符串[索引值]

// 用法 str[0]
字符串[索引值] // 和數組一樣；但是兼容性不好;H5新增，ie678不支持; 用法和charAt一樣
例：
    var str = "0Aabcd我&";
    console.log(str[1]); // A
    console.log(str[3]); // b
    console.log(str[str.length-2]); // 我
    console.log(str[str.length-1]); // &

3.字符串.charCodeAt(索引值)

字符串.charCodeAt(索引值); // 給索引，查對應的Unicode編碼;
console.log(str.charCodeAt(0)); // 48
console.log(str.charCodeAt(1)); // 65
console.log(str.charCodeAt(2)); // 97

根據字符查索引 1.indexOf( )

例：
    //indexOf(); 給字符查索引(從前往后)
    var str = "abcdcbb";
    console.log(str.indexOf("a"));// 0
    console.log(str.indexOf("b"));// 1
    console.log(str.indexOf("xxx"));//查不到返回 -1
    //查多個字符
    console.log(str.indexOf("abc"));// 0 以首個單詞字符為準; 
    console.log(str.indexOf("ac")); // 不完整或者順序不對都是-1;
    console.log(str.indexOf("acb"));// 不完整或者順序不對都是-1;

2.lastIndexOf()

lastIndexOf();   // 給字符查索引(從后往前)
//同理indexOf；
//字符串一旦聲明，索引值就固定了，無論從前往后，還是從后往前，索引值都是固定的
var str = "abcdcbb";
console.log(str.lastIndexOf("b"));//6

字符串連接和截取 concat( )

// 拼接字符串  (拼接字符串更喜歡直接用 + )
var str1 = "123";
var str2 = "abc";
console.log(str1.concat(str2)); // 123abc

//拼接數組
var arr1 = [11,22,33];
var arr2 = [44,55,66];
console.log(arr1.concat(arr2)); // [1, 12, 33, 44, 55, 66]

slice( )

var str = "123abc";
slice() //從start位置開始，截取到end位置，end取不到
//和數組的完全一樣： 字符串.slice(開始索引值，結束索引值);
console.log(str3.slice(3));        //從索引值為3的元素截取到最后  abc
console.log(str3.slice(0,3));    //包左不包右 123
console.log(str3.slice(-2));    //從后面截取兩個 bc
console.log(str3.slice(3,0));    s//前面一個數大，后面的數小;  返回 "";

substr( )

var str = "123abc";
substr()       //開始索引值，截取幾個;
console.log(str3.substr(3));    //從索引值為3的元素截取到最后 abc
console.log(str3.substr(2,1));    //從索引值為2的往后截取一個 3
console.log(str3.substr(-2));    //從后面截取兩個 bc
//前后不一樣大沒問題，因為第二個參數是截取幾個的意思;

substring( )

var str = "123abc";
substring()     //開始索引值，結束索引值;
//和slice()；同樣
console.log(str3.substring(3));        //從索引值為3的元素截取到最后  abc
console.log(str3.substring(0,3));    //包左不包右 123
//不同:
console.log(str3.substring(-2));    //全部截取 123abc
console.log(str3.substring(3,4));    //智能調換  a (截取索引為3的第四個字符)
console.log(str3.substring(3,5));    //智能調換  ab (從索引為3的開始截取到第5個字符)

字符串大小寫轉換

str.toLowerCase();  // 英文字符轉換成小寫;
str.toUpperCase();  // 英文字符轉換成大寫;
//上傳文件的時候用;   因為后綴名，不區分大小寫;

trim( ) 去除字符串前后空白 search( ) 給字符查索引 replace( ) 替換

var str = "Today is a good day, today is a good day.";
//無法忽略大小寫，而且只能替換一個  Tomorrow is a good day, today is a good day.
console.log(str.replace("Today","Tomorrow"));    
//g: 全局替換;   i: 忽略大小寫！   Tomorrow is a good day, Tomorrow is a good day.
console.log(str.replace(/today/ig,"Tomorrow"));

split( ) 字符串轉化成數組

// split() 和 join() 是一對！
var str = "aaa|bbb|ccc";    //字符串會根據參數被分割成幾部分;變成一個數組;
console.log(str.split("|"));// ["aaa", "bbb", "ccc"] 按 | 進行分割 , 參數不會出現在數組中；
console.log(str.split());    // ["aaa|bbb|ccc"] 不帶參數，整體作為一個元素;
console.log(str.split(""));    // ["a", "a", "a", "|", "b", "b", "b", "|", "c", "c", "c"] 每一個字符都算一個元素;

字符串案例

1.判斷一個字符串中出現次數最多的字符，統計這個次數

    var str = "abcoefoxyozzopp";
//  a:1,b:1,c:1......   鍵值對;    對象或者json記錄;
//    思路：遍歷字符串中的每一個元素，從json/對象中查找.
//    判斷：有的話，值自增1;沒有的話，設置該屬性，值為1;
    var json = {};//將來往里面裝屬性和值；{屬性就是字符串中的元素，值就是出現的次數}
    //for循環遍歷
    for(var i=0;i
2.獲取url中?后面的內容，并轉化成對象的形式。例如：http://www.itaaaaa.com/login?...
    var str = "http://wwwaitaaaaa.com/login?name=zs&age=18&a=1&b=2";
    //思路：找到?,然后截取到最末尾;把字符串按照&分割;可以再次按照=分割，然后創建對象
    var index = str.lastIndexOf("?");
    console.log(index); // 28
    var str2 = str.slice(index+1);
    console.log(str2); // name=zs&age=18&a=1&b=2
    //以&符號分割轉換成數組；
    var arr = str2.split("&");
       console.log(arr); // ["name=zs", "age=18", "a=1", "b=2"]

    var obj = new Object();
    //for循環把數組中的每一個元素都遍歷出來，然后前面的做屬性，后面的做值;
    for(var i=0;i

GPU云服務器云服務器 js字符串操作 js對字符串的操作 js中變成字符串 js中連接字符串

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90171.html

JS性能優化筆記

摘要：四如果需要遍歷數組，應該先緩存數組長度，將數組長度放入局部變量中，避免多次查詢數組長度。五盡量選用局部變量而不是全局變量。所以如果這樣的表達式重復出現，只要可能，應該盡量少出現這樣的表達式，可以利用局部變量，把它放入一個臨時的地方進行查詢。通過網上查找資料了解關于性能優化方面的內容，現簡單整理，僅供大家在優化的過程中參考使用，如有什么問題請及時提出，再做出相應的補充修改。一、讓...

baoxl 2019-08-21 10:20 評論0 收藏0
JS基礎知識學習（一）

摘要：基礎知識前端開發常用的瀏覽器谷歌瀏覽器內核引擎火狐瀏覽器內核歐朋瀏覽器內核瀏覽器內核瀏覽器內核作為前端開發，我們會使用編寫代碼，編寫代碼的時候要遵循一些規范瀏覽器開發商開發的瀏覽器，目的就是為了按照的規范，識別出開發者編寫的代碼，并且在頁面 JS基礎知識前端開發常用的瀏覽器谷歌瀏覽器（chrome）：Webkit內核（v8引擎）火狐瀏覽器（firefox）：Gecko內核歐朋...

xinhaip 2019-08-22 18:16 評論0 收藏0
Node.js學習之路14——Process進程

摘要：在中，只支持單線程。在這種場合下，如果能夠使用多進程，則可以為每個請求分配一個進程，從而可以更好地使用服務器端的資源。進程進程對象的屬性用于運行應用程序的可執行文件的絕對路徑的版本號及其各依賴的版本號當前運行的平臺用于讀入標準輸入流的對象。 Process 在Node.js中，只支持單線程。但是在應用程序中，如果只使用單線程進行操作，從接收請求開始到返回響應為止的這段時間內可能存在很長...

darry 2019-08-22 14:52 評論0 收藏0
【讀書筆記】《高性能JavaScript》

摘要：性能訪問字面量和局部變量的速度是最快的，訪問數組和對象成員相對較慢變量標識符解析過程搜索執行環境的作用域鏈，查找同名標識符。建議將全局變量存儲到局部變量，加快讀寫速度。優化建議將常用的跨作用域變量存儲到局部變量，然后直接訪問局部變量。缺陷這本書是2010年出版的，這本書談性能是有時效性的，現在馬上就2018年了，這幾年前端發展的速度是飛快的，書里面還有一些內容考慮IE6、7、8的東...

chengjianhua 2019-08-22 13:51 評論0 收藏0
前端知識點總結——JS基礎

摘要：語法常量名值常量名在程序中，通常采用大寫形式。結果為類型作用表示使用的數據不存在類型只有一個值即當聲明的變量未賦值未初始化時，該變量的默認值就是類型用于表示不存在的對象。結果為按位或，對小數取整將任意小數與做按位或，結果則取整數部分。前端知識點總結——JS基礎 1.javascript概述(了解) 1.什么是javascript javascript簡稱為js，是一種運行于js解釋器...

wangbjun 2019-08-22 14:53 評論0 收藏0
Node.js 中的緩沖區（Buffer）究竟是什么？

摘要：在創建時大小已經被確定且是無法調整的，在內存分配這塊是由層面提供而不是具體后面會講解。在這里不知道你是否認為這是很簡單的但是上面提到的一些關鍵詞二進制流緩沖區，這些又都是什么呢下面嘗試做一些簡單的介紹。 showImg(https://segmentfault.com/img/remote/1460000019894717?w=1280&h=850); 多數人都擁有自己不了解的能力和機...

scwang90 2019-08-26 10:22 評論0 收藏0