JS學習筆記（第5章）（String類型）

rose 發布于2019-08-23 15:42 / 2259人閱讀

摘要：字符串大小寫轉換方法和則是針對特定地區的實現。可以基于指定的分隔符將一個字符串分割成多個子字符串，并將結果放在一個數組中將字符串轉換為數組。分隔符可以是字符串，也可以是一個對象。

1、對象創建

String類型是字符串的對象包裝類型，可以像下面這樣使用String構造函數來創建。

var stringObject = new String("hello world");

String對象的方法也可以在所有基本的字符串值中訪問到。其中，繼承的valueOf()、toLocaleString()和toString()方法，都返回對象所表示的基本字符串值。
String類型的每個實例都有一個length屬性，表示字符串中包含多少個字符。

2、字符方法

兩個用于訪問字符串中特定字符的方法是：charAt()和charCodeAt()。這兩個方法都接收一個參數，即基于0的字符位置。

charAt()方法以單字符字符串的形式返回給定位置的那個字符；

charCodeAt()方法以單字符字符串的形式返回給定位置的那個字符的字符編碼；

var stringValue = "hello world";
alert(stringValue.charAt(1)); //"e"
alert(stringValue.charCodeAt(1)); //"101"

3、字符串操作方法

concat()，用于將一個或者多個字符串拼接起來，返回拼接得到的新字符串。concat()方法可以接收任意多個參數，可以通過它拼接任意多個字符串。

var stringValue = "hello ";
var result = stringValue.concat("world","!");
alert(result); //"hello world!"

slice(指定字符串的開始位置，結束位置) //第二個參數就是子字符串最后一個字符后面的位置

substr(指定字符串的開始位置，返回的字符個數);

substring(指定字符串的開始位置，結束位置);

var stringValue = "hello world";
alertr(stringValue.slice(3,7));  //"lo w"
alert(stringValue.substring(3,7));  //"lo w"
alert(stringValue.substr(3,7));  //"lo worl"

在傳遞給這些方法的參數是負數的情況下：

（1）slice()方法會將傳入的負值與字符串的長度相加；

（2）substr()方法將負的第一個參數加上字符串的長度，而將負的第二個參數轉換為0；

（3）substring()方法會把所有的復制參數都轉換為0。

  var stringValue = "hello world";      
  alert(stringValue.slice(-3));        //"rld"
  alert(stringValue.substring(-3));    //"hello world"
  alert(stringValue.substr(-3));       //"rld" 
  
  alert(stringValue.slice(3,-4));      //"lo w"
  alert(stringValue.substring(3,-4));  //"hel"
  alert(stringValue.substr(3,-4));     //""(空字符串)

4、字符串位置方法

從字符串中查找子字符串的方法：indexOf()和lastIndexOf()。從一個字符串中搜索給定的子字符串，然后返回子字符串的位置（若沒有找到該子字符串，則返回-1）；

indexOf()方法從字符串的開頭向后搜索子字符串；

lastIndexOf()方法是從字符串的末尾向前搜索子字符串；

這兩個方法都可以接收可選的第二個參數，表示從字符串中的哪個位置開始搜索。

5、trim()方法

trim()方法會創建一個字符串的副本，刪除前置及后綴的所有空格，然后返回結果；

trimLeft()和trimRight()方法，分別用于刪除字符串開頭和末尾的空格。

6、字符串大小寫轉換方法

toLowerCase()、toLocaleLowerCase()、toUpperCase()、toLocaleUpperCase()；

toLocaleLowerCase()和toLocaleUpperCase()則是針對特定地區的實現。

7、字符串的模式匹配方法

（1）match(),它只接收一個參數，要么是一個正則表達式，要么是一個RegExp對象

（2）search()：它只接收一個參數，要么是一個正則表達式，要么是一個RegExp對象。該方法返回字符串中第一個匹配項的索引；search()方法始終是從字符串開頭向后查找模式。

var text = "cat, bat, sat, fat";
var pos = text.search(/at/);
alert(pos); //1

（3）replace()：接收兩個參數，第一個參數可以是一個RegExp對象或者一個字符串，第二個參數可以是一個字符串或者一個函數。如果第一個參數是字符串，那么只會替換第一個子字符串。要想替換所有的子字符串，唯一的辦法就是提供一個正則表達式，而且要指定全局（g）標志。

var text = "cat, bat, sat, fat";
var result = text.replace("at","ond");
alert(result);   //"cond, bat, sat, fat"
result = text.replace(/at/g, "ond");
alert(result);   //"cond, bond, sond, fond"

（4）split()可以基于指定的分隔符將一個字符串分割成多個子字符串，并將結果放在一個數組中（將字符串轉換為數組）。分隔符可以是字符串，也可以是一個RegExp對象。它還可以接受可選的第二個參數，用于指定數組的大小，一遍確保返回的數組不會超過既定大小。

var colorText = "red,blue,green,yellow";
var colors1 = colorText.split(",",2);  //["red","blue"]

8、localeCompare()方法

localeCompare()方法用于比較兩個字符串,并返回下列值中的一個：

（1）如果字符串在字母表中應該排在字符串參數之前，則返回一個負數；

（2）如果字符串等于字符串參數，則返回0 ；

（3）如果字符串在字母表中應該排列在字符串參數之后，則返回一個正數。

var stringValue = "yellow";
alert(stringValue.localeCompare("brick")); //1
alert(stringValue.localeCompare("yellow")); //0
alert(stringValue.localeCompare("zoo")); //-1

9、fromCharCode()方法

fromCharCode()方法的任務是接收一或多個字符編碼，然后將它們轉換成一個字符串,該方法與charCodeAt()執行的是相反操作。
alert(String.fromCharCode(104,101,108,108,111)); //"hello"

10、HTML方法

P130

云服務器 GPU云服務器 js 數據轉string類型明解c語言第9章 js檢測string js 數據轉string

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

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

JS學習筆記（第24章）（最佳實踐）

摘要：大多數情況下，可以是同局部變量完成相同的事情而不引入新的作用域。選擇正確的方法避免不必要的屬性查找一旦多次用到屬性對象，應該將其存儲在局部變量中。盡可能多的使用局部變量將屬性查找替換為值查找。 1、可維護性 1.1 可維護代碼特征 1. 可理解性 2. 直觀性 3. 可適應性 4. 可擴展性 5. 可調試性 1.2 代碼約定 1、可讀性（代碼縮進和代碼注釋） 2、變量和函數命名變量...

cnTomato 2019-08-26 13:39 評論0 收藏0
JS學習筆記（第4章）（變量、作用域和內存問題）

摘要：具體來說就是當執行流進入下列任何一個語句時，作用域鏈就會得到加長語句的塊和語句。這兩個語句都會在作用域鏈的前端添加一個變量對象。對來說，會將指定的對象添加到作用域鏈中。 1. 基本類型和引用類型的值 JavaScript變量可以用來保存兩種類型的值：基本類性值和引用類性值。基本類型值源自以下5種基本數據類型：Undefined、Null、Boolean、Number和String。基本...

linkin 2019-08-23 15:39 評論0 收藏0
JS學習筆記（第10章）（DOM之節點層次）

摘要：節點層次是針對和文檔的一個。每一段標記都可以通過一個節點來表示。用于表明節點的類型。返回新增的這個節點。將節點插入到節點列表指定的位置。節點有以下的特性為，為指向元素，指向元素。提供了對元素的標簽名，子節點和特性的訪問。　節點層次 DOM是針對HTML和XML文檔的一個API。DOM描繪了一個層次化的節點樹，允許開發人員添加、移除和修改頁面的某一部分。 DOM可以將任何HTML或X...

kamushin233 2019-08-26 10:20 評論0 收藏0
JS高級程序設計（1-3章）-筆記

摘要：寫在前面本文記錄的是我不熟悉或者我認為值得注意的地方，并不是書上知識點的概括。再就是畫圖這種。與瀏覽器沒有依賴關系。寫在前面本文記錄的是我不熟悉或者我認為值得注意的地方，并不是書上知識點的概括。第1章 JavaScript簡介 JS誕生時間：1995年（好年輕...） JS誕生背景：表單數據合法性由服務端驗證的用戶體驗不好，希望能在客戶端進行驗證 JS現在用處：如果沒有...

Cristic 2019-08-21 17:04 評論0 收藏0
《JavaScript語言精粹修訂版》讀書筆記

摘要：于是我就先把這本薄的經典書語言精粹修訂版豆瓣讀書本書簡介總共章，除去附錄，才頁，讀完并記錄了一些筆記。讀書筆記還可以分享給別人看。編程語言第版定義了的標準。程序檢查時丟棄值為函數的屬性。之前看到這篇文章，前端網老姚淺談：怎么學JavaScript？，說到怎么學習JavaScript，那就是看書、分析源碼。10本書讀2遍的好處，應該大于一本書讀20遍。看書主動學習，看視頻是被動學習。看...

EscapedDog 2019-08-20 18:15 評論0 收藏0