javascript - RegExp類型 - String類型

liaorio 發(fā)布于2019-08-26 12:18 / 2859人閱讀

摘要：類型概述正則表達式是什么正則表達式由一些普通字符和特殊字符組成的，用以描述一種特定的字符規(guī)則的表達式。正則表達式常用在一段文本中搜索匹配或者替換特定形式的文本。

RegExp類型 概述 正則表達式是什么

正則表達式（Regular Expression）：由一些普通字符和特殊字符組成的，用以描述一種特定的字符規(guī)則的表達式。
正則表達式常用在一段文本中搜索、匹配、或者替換特定形式的文本。

創(chuàng)建正則表達式

/*     var 變量名 = /pattern/attributes
*        pattern - 模式，定義正則表達式的內(nèi)容
*        attributes - 修飾符，定義正則表達式的行為*/

var reg = /0123456789/i;

//構(gòu)造函數(shù)方式
var reg = new RegExp(/pattern/attributes);

符號 字符類

var str = "12345abc";//要驗證的內(nèi)容

//下面三個正則表達式它們的意義相同
var reg = /[0-9]/;//要驗證的內(nèi)容匹配正則表達式的任意內(nèi)容即可
var reg = /[/d]/;
var reg = /[0123456789]/;

console.log(reg.test(str));//true

重復(fù)

var str = "12345678";

/*      {n,m}
*        n - 表示最少出現(xiàn)的次數(shù)
*        m - 表示最多出現(xiàn)的次數(shù)
*      注意：出現(xiàn)的次數(shù)必須是連續(xù)的*/

var reg = /[0-9]{2,5}/;
console.log(reg.test(str));//true

var str1 = "1abc2";
console.log(reg.test(str1));//false

匹配指定位置

var str = "123a456";

// ^ - 表示以什么開始
var reg = /^[0-9]{3,5}/;

// $ - 表示以什么結(jié)束
var reg = /[0-9]{3,5}$/;

//表示匹配內(nèi)容的長度最少n次，最多m次，且匹配內(nèi)容必須與字符類匹配
var reg = /^[0-9]{3,5}$/;
console.log(reg.test(str));//false

修飾符

i - 不區(qū)分大小寫匹配

g - 全局匹配

m - 多行匹配

var str = "maowuyu";

//修飾符 i 表示不區(qū)分大小寫
var reg = /[A-Z]{3,6}/i;
console.log(reg.test(str));//true

exec()方法

var str = "maowuyu , shangwuyu , 123";

var reg = /[a-z]{3,5}/;

/*   exec()方法
*      返回值-數(shù)組
*        *第一個元素-匹配的內(nèi)容
*        *第二個元素-匹配內(nèi)容的位置
*        *第三個元素-完整內(nèi)容
*      不匹配時，返回的結(jié)果為null*/
console.log(reg.exec(str));//[ "maowu", index: 0, input: "maowuyu , shangwuyu , 123" ]

String類型 常見操作 大小寫轉(zhuǎn)換

var reg1 = "maowuyu";

var reg = new String("shangwuyu");

//toUpperCase()方法 - 轉(zhuǎn)換為大寫
console.log(reg1.toUpperCase());//MAOWUYU
//toLowerCase()方法 - 轉(zhuǎn)換為小寫
console.log(reg1.toLowerCase());//maowuyu

獲取指定位置的字符串

var str = "maowuyu";
//獲取字符串長度
console.log(str.length);//7

/*    charAt - 根據(jù)指定位置獲取相應(yīng)的字符串
*     charCodeAt - 根據(jù)指定位置獲取相應(yīng)的字符串的Unicode碼*/
console.log(str.charAt(4));//u
console.log(str.charCodeAt(4));//117 - Unicode碼

檢索字符串

var str = "maowuyu";
//indexOf()  -  根據(jù)指定內(nèi)容返回位置 - 從左向右
console.log(str.indexOf("w"));//3
//lastindexOf()  - 根據(jù)指定內(nèi)容返回位置 - 從右向左
console.log(str.lastIndexOf("u"))//6

截取字符串

var str = "maowuyu";

/*   slice()方法 -  截取指定開始和結(jié)束位置的字符串
*      參數(shù)
*       start - 表示開始截取的位置
*       end - 表示結(jié)束結(jié)束截取的位置的下一個位置*/
console.log(str.slice(2,5));//owu
console.log(str.slice(-5,-1));//owuy

/*    substring()方法 - 截取指定開始和結(jié)束位置的字符串
*       參數(shù) - 只能為大于等于0的值
*        start - 開始截取的位置
*        end - 結(jié)束截取的位置的下一個位置
*       */
console.log(str.substring(2,5));//owu

/*     substr()方法 - 截取指定開始位置和長度的字符串
*       參數(shù)
*         start - 開始截取的位置
*         length - 截取的長度*/
console.log(str.substr(2,4));//console.log(str.slice(2,5));//owu
console.log(str.slice(-5,-1));//owuy

分隔字符串

var str = "maowuyu";
//split() - 把字符串分隔為字符串數(shù)組
console.log(str.split(""));//[ "m", "a", "o", "w", "u", "y", "u" ]

console.log(str.split(","));//[ "maowuyu" ]

連接字符串

var str1 = "abc";
var str2 = str1.concat("123","df");
console.log(str2);//abc123df

模式匹配 替換子字符串

var str ="Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";

/*    replace()方法
*       作用 - 匹配字符串中的指定內(nèi)容，并將之替換為新的指定內(nèi)容
*       參數(shù)
*        *reg - 定義正則表達式（搜索指定內(nèi)容）- 被替換的內(nèi)容
*        str - 表示替換的內(nèi)容
*       返回值 - 返回替換后的新字符串
*       */
//; i - 不區(qū)分大小寫匹配；  g - 全局匹配
console.log(str.replace(/microsoft/ig,"hua"));
//hua is a big Company, hua’s color is red and has hua logo like hua

匹配字符串

match()方法 - 查找匹配正則的值

var str = "hua is a big Company, hua’s color is red and has hua logo like hua";

/*     match() - 匹配字符串
*       返回值 - 數(shù)組
*         *第一個元素 - 匹配的內(nèi)容
*         *第二個元素 - 匹配內(nèi)容第一個字符的位置
*         *第三個元素 - 完整的字符串內(nèi)容
 *      當匹配的內(nèi)容數(shù)量大于一個，->返回所有匹配內(nèi)容*/
console.log(str.match(/hua/));

console.log(str.match(/hua/g));//[ "hua", "hua", "hua", "hua" ]

查找字符串

search()方法用于查找與正則匹配的值

var str = ""Microsoft is a big Company, microsoft’s color is red and has MICROSOFT logo like microsoft";
/*
    search(reg)方法
    * 作用 - 查找指定字符串中的指定內(nèi)容
    * 參數(shù)
      * reg - 表示正則表達式
    * 返回值
      * 如果只匹配一個指定內(nèi)容的話，返回匹配內(nèi)容第一個字符的索引值
      * 如果匹配是多個指定內(nèi)容的話，返回第一個匹配內(nèi)容的第一個字符的索引值
 */
var result = str.search(/microsoft/ig);
console.log(result);