JavaScript 之 面向對象 [ String類型 ]

String類型

描述

• String類型對應原始類型中的string類型

大小寫轉換

• 表示將指定字符串中內容（英文）小小寫的轉換

toUpperCase()方法

• 表示將內容轉換成大寫

toLowerCase()方法

• 表示將內容轉換成小寫

/* 定義一個字符串 */
var str = 'sanbubaitou';
/* 將字符串轉換成全大寫 */
var s = str.toUpperCase();
console.log( s );//SANBUBAITOU
/* 將字符串轉換成全小寫 */
console.log( s.toLowerCase() );//sanbubaitou

根據指定位置獲取字符串內容

• 表示經過指定字符串中指定字符的位置（索引值）來獲取對應的內容

charAt()方法

• 表示返回指定的字符內容

charCodeAt()方法

• 表示返回指定的字符內容所對應的 Unicode碼

var str = 'sanbubaitou';
/* length屬性表示字符串的長度（字符的個數） */
console.log( str.length );// 顯示 11

/* charAt()方法 */
console.log( str.charAt( 0 ) );// 顯示 s
/* charCodeAt()方法 */
console.log( str.charCodeAt( 0 ) );// 顯示 115（Unicode碼）

檢索字符串

• 表示檢索目標字符串中是否存在指定字符

indexOf()方法

• 表示從左到右的順序進行檢索

lastIndexOf()方法

• 表示從右到左的順序進行檢索

注意

• 以上兩種方法只能匹配到第一個與目標字符相同的字符，並顯示位置信息

  • 若是指定字符串中存在多個相同的字符，只會找到第一個，剩下的將不會再去查找
• 若是須要檢索的字符不存在會顯示 -1（固定寫法）

/* 定義一個字符串 */
var str = 'sanbubaitou';

/* 經過indexOf()方法進行檢測 */
console.log( str.indexOf( 'a' ) );// 顯示 1（索引值）
/* 經過lastIndexOf()方法進行檢測 */
console.log( str.lastIndexOf( 'u' ) );// 顯示 10（索引值）
/* 檢測的目標不存在時 */
console.log( str.indexOf( 'w' ) );// 顯示 -1

截取字符串

• 表示對指定的字符串進行截取

slice()方法

• 表示截取指定字符串，並將截取的內容組成一個新的字符串進行返回

• 該方法的參數

  • 第一個參數 - 表示開始截取的位置
  • 第二個參數 - 表示結束截取的位置

/* 定義一個字符串 */
var str = 'sanbubaitou';

/* slice()方法 */
console.log( str.slice( 4, 8 ) );// 顯示 ubai

substr()方法

• 表示經過指定的長度來進行截取，並將截取的內容組成一個新的字符串進行返回

• 該方法的參數

  • 第一個參數 - 表示開始截取的位置
  • 第二個參數 - 表示截取的長度

/* 定義一個字符串 */
var str = 'sanbubaitou';
/* substr()方法 */
console.log( str.substr( 5, 10 ) );// 顯示 baitou

substring()方法

• 表示截取指定字符串，並將截取的內容組成一個新的字符串進行返回

• 該方法的參數

  • 第一個參數 - 表示開始截取的位置
  • 第二個參數 - 表示結束截取的位置

/* 定義一個字符串 */
var str = 'sanbubaitou';
/* substring()方法 */
console.log( str.substring( 3, 9 ) );// 顯示 bubait

slice()方法 和 substring()方法 的對比

• slice()方法的參數能夠寫負值

  • 負值 - 表示反方向截取

• substring()方法的參數不能夠寫負數

  • 寫了負值將不會有顯示

/* 定義一個字符串 */
var str = 'sanbubaitou';
/* slice()方法 */
console.log( str.slice( -8, -4 ) );// 顯示 buba
/* substring()方法 */
console.log( str.substring( -9, -3 ) );// 沒有顯示

分隔字符串

• 表示對指定的字符串進行分隔，並將分隔後的字符以數組的形式進行返回

split()方法

• 用於對字符串進行分隔

• 參數 - 字符與字符之間的分隔符

  • 分隔符是什麼就寫什麼，沒有就寫空字符串

/* 定義一個字符串 */
var str1 = 's,a,n,b,u,b,a,i,t,o,u';
/* 分隔字符串 - 有分隔符的 */
var s1 = str1.split( ',' );
console.log( s1 );// 顯示 [ 's', 'a', 'n', 'b', 'u', 'b', 'a', 'i', 't', 'o', 'u' ]

/* 定義另外一個字符串 */
var str2 = 'sanbubaitou';
/* 分隔字符串 - 沒有分隔符的 */
var s2 = str2.split( '' );
console.log( s2 );// 顯示 [ 's', 'a', 'n', 'b', 'u', 'b', 'a', 'i', 't', 'o', 'u' ]

替換子字符串

• 表示匹配指定字符串中的指定內容，將其替換成新的內容

replace()方法

• 用於對字符串中的內容進行替換

• 參數

  • 第一個參數 - 定義正則表達式（搜索並匹配被替換的內容）
  • 第二個參數 - 替換的新內容

• 該方法具備返回值

  • 將返回替換後的新字符串

/* 定義一個字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 進行替換 */
var s1 = str.replace( /microsoft/, '三步白頭' );
console.log( s1 );// 顯示 Microsoft is a big Company, 三步白頭’s color is red and has MICROSOFT logo like microsoft

/* 添加修飾符搜索 */
var s2 = str.replace( /microsoft/i, '三步白頭' );
console.log( s2 );// 顯示 三步白頭 is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft

/* 添加修飾符搜索 */
var s3 = str.replace( /microsoft/ig, '三步白頭' );
console.log( s3 );// 顯示 三步白頭 is a big Company, 三步白頭’s color is red and has 三步白頭 logo like 三步白頭

匹配字符串

• 表示經過正則表達式匹配指定字符串中的指定內容

match()方法

• 用於對指定字符串中的內容進行匹配
• 參數 - 正則表達式的匹配判斷條件

• 該方法具備返回值 - 一個數組

  • 第一個元素 - 表示匹配的內容
  • 第二個元素 - 表示匹配內容所在的位置(索引值)
  • 第三個元素 - 表示完整字符串
• 若是匹配的內容數量大於一個將返回全部匹配的內容

/* 定義一個字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 進行匹配 */
var s1 = str.match( /microsoft/ );
console.log( s1 );// 顯示 [ 'microsoft', index: 28, input: 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft' ]

/* 添加修飾符匹配 */
var s2 = str.match( /microsoft/i );
console.log( s2 );// 顯示 [ 'Microsoft', index: 0, input: 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft' ]

/* 添加修飾符匹配 */
var s3 = str.match( /microsoft/ig );
console.log( s3 );// 顯示 [ 'Microsoft', 'microsoft', 'MICROSOFT', 'microsoft' ]

查找字符串

• 表示經過正則表達式去查找指定字符串中的指定內容

search()方法

• 用於查找指定字符串中的內容
• 參數 - 正則表達式的匹配判斷條件

• 該方法具備返回值 - 一個數組

  • 若是隻匹配一個指定內容的話，返回匹配內容第一個字符的索引值
  • 若是匹配是多個指定內容的話，返回第一個匹配內容的第一個字符的索引值

/* 定義一個字符串 */
var str = 'Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft';

/* 進行匹配 */
var s1 = str.search( /microsoft/ );
console.log( s1 );// 顯示 28（索引值）

/* 添加修飾符匹配 */
var s2 = str.search( /microsoft/i );
console.log( s2 );// 顯示 0（索引值）

/* 添加修飾符匹配 */
var s3 = str.search( /microsoft/ig );
console.log( s3 );// 顯示 0（索引值）