javascript - RegExp類型 - String類型

liaorio 發布于2019-08-26 12:18 / 2843人閱讀

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

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

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

創建正則表達式

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

var reg = /0123456789/i;

//構造函數方式
var reg = new RegExp(/pattern/attributes);

符號 字符類

var str = "12345abc";//要驗證的內容

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

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

重復

var str = "12345678";

/*      {n,m}
*        n - 表示最少出現的次數
*        m - 表示最多出現的次數
*      注意：出現的次數必須是連續的*/

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}/;

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

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

修飾符

i - 不區分大小寫匹配

g - 全局匹配

m - 多行匹配

var str = "maowuyu";

//修飾符 i 表示不區分大小寫
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()方法
*      返回值-數組
*        *第一個元素-匹配的內容
*        *第二個元素-匹配內容的位置
*        *第三個元素-完整內容
*      不匹配時，返回的結果為null*/
console.log(reg.exec(str));//[ "maowu", index: 0, input: "maowuyu , shangwuyu , 123" ]

String類型 常見操作 大小寫轉換

var reg1 = "maowuyu";

var reg = new String("shangwuyu");

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

獲取指定位置的字符串

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

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

檢索字符串

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

截取字符串

var str = "maowuyu";

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

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

/*     substr()方法 - 截取指定開始位置和長度的字符串
*       參數
*         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() - 把字符串分隔為字符串數組
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()方法
*       作用 - 匹配字符串中的指定內容，并將之替換為新的指定內容
*       參數
*        *reg - 定義正則表達式（搜索指定內容）- 被替換的內容
*        str - 表示替換的內容
*       返回值 - 返回替換后的新字符串
*       */
//; i - 不區分大小寫匹配；  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() - 匹配字符串
*       返回值 - 數組
*         *第一個元素 - 匹配的內容
*         *第二個元素 - 匹配內容第一個字符的位置
*         *第三個元素 - 完整的字符串內容
 *      當匹配的內容數量大于一個，->返回所有匹配內容*/
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)方法
    * 作用 - 查找指定字符串中的指定內容
    * 參數
      * reg - 表示正則表達式
    * 返回值
      * 如果只匹配一個指定內容的話，返回匹配內容第一個字符的索引值
      * 如果匹配是多個指定內容的話，返回第一個匹配內容的第一個字符的索引值
 */
var result = str.search(/microsoft/ig);
console.log(result);

云服務器 GPU云服務器 js 數據轉string類型 javascript類型 javascript基本類型 javascript數據類型

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

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

RegExp類型于String類型簡介

摘要：被稱之為修飾符，用于表明正則表達式的行為。創建對象如下代碼類型于類型之間的區別使用運算符，類型返回，類型返回。提取字符串中的兩個指定的索引號之間的字符。在字符串中查找匹配的子串，并替換于正則表達式匹配的字串。 RegExp類型概述正則表達式時什么正則表達式（Regular Expression）：由一些普通字符和特殊字符組成的，用以描述一種特定的字符規則的表達式。正則表達式常用于...

fancyLuo 2019-08-26 12:18 評論0 收藏0
javascript判斷數據類型

摘要：操作符剛說完，肯定又有人想用，但是，真的有用嗎操作符用來比較兩個操作數的構造函數，運算符與運算符相似，用于識別正在處理的對象的類型。題目實現一個函數typeof()，輸入一個數據，返回數據的基本類型。如： typeof([]) => array typeof({}) => object typeof() => string 等等解析由于javascript這門語言輝(keng)...

Lyux 2019-08-19 18:22 評論0 收藏0
javascript 數據類型判斷 (常見庫的數據類型判斷源碼的分析)

摘要：對象類型常見的有，，，正則新增自己提供的樂行判斷如果不對對象做嚴格區分使用。的實現使用了原型繼承的表示左表達式，表示右表達式，它是用是否等于來判斷對象的類型的。常見框架和庫的實數據類型判斷測試這里將的實現原理抽取出來，用原生實現。 JavaScript一共有六種數據類型，分為原始類型（又名基本類型）和對象類型（又名引用類型）原始類型有五種，分別為number，string，boole...

libin19890520 2019-08-22 13:52 評論0 收藏0
細說 Javascript 類型篇（二） : typeof 操作符

摘要：操作符還有可能是設計中最大缺陷，因為它幾乎是完全破損的。由于用法與調用函數的語法相似，因此常被誤以為是函數調用，實際上并不存在名為的函數，只是一個操作符而已。而列則表示對象內部的屬性。屬性文檔中明確地給出了獲得屬性的途徑，就是使用。 typeof 操作符（還有 instanceof）可能是 Javascript 設計中最大缺陷，因為它幾乎是完全破損的。由于 typeof 用法與調用函數...

PAMPANG 2019-08-19 14:46 評論0 收藏0
JS中如何準確判斷數據類型

摘要：對于此處的類型都是實例后的對象，并不會深入識別他們的構造函數這里不是數據類型。通過上面的判斷，我們知道它并不能滿足一些內置構造函數創建的偽類型。在我的第一篇文章里，介紹過JS各大類型并使用typeof進行輸出查看.也有提到過每個函數都有一個自己的內部屬性[[class]]，這個class指的是js內部分類.這個類的大致包括：數據類型和構造函數這兩種。 JavaScript類型介紹 ...

KitorinZero 2019-08-20 16:41 評論0 收藏0
JavaScript的數據類型及其檢測

摘要：值的比較只進行值的比較會進行數據類型的轉換。只要在當前實例的原型鏈上，我們用其檢測出來的結果都是。但檢測與不一樣，還可以處理基本數據類型的檢測。 showImg(https://segmentfault.com/img/remote/1460000016733921); 一、JavaScript有幾種類型的值？ Javascript有兩種數據類型，分別是基本數據類型和引用數據類型。其中...

starsfun 2019-08-29 17:01 評論0 收藏0