成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js溫故而知新5——學(xué)習(xí)廖雪峰的js教程

mayaohua / 3261人閱讀

摘要:表示行的結(jié)束,表示必須以數(shù)字結(jié)束。用表示的就是要提取的分組。方法在匹配成功后,會返回一個,第一個元素是正則表達(dá)式匹配到的整個字符串,后面的字符串表示匹配成功的子串。貪婪匹配需要特別指出的是,正則匹配默認(rèn)是貪婪匹配,也就是匹配盡可能多的字符。

對象
typeof 123; // "number"
typeof NaN; // "number"
typeof "str"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof Math.abs; // "function"
typeof null; // "object"
typeof []; // "object"
typeof {}; // "object"
1.包裝對象

除了這些類型外,JavaScript還提供了包裝對象。

number、boolean和string都有包裝對象。沒錯,在JavaScript中,字符串也區(qū)分string類型和它的包裝類型。包裝對象用new創(chuàng)建:

var n = new Number(123); // 123,生成了新的包裝類型
var b = new Boolean(true); // true,生成了新的包裝類型
var s = new String("str"); // "str",生成了新的包裝類型

雖然包裝對象看上去和原來的值一模一樣,顯示出來也是一模一樣,但他們的類型已經(jīng)變?yōu)閛bject了!所以,包裝對象和原始值用===比較會返回false:

typeof new Number(123); // "object"
new Number(123) === 123; // false

typeof new Boolean(true); // "object"
new Boolean(true) === true; // false

typeof new String("str"); // "object"
new String("str") === "str"; // false

所以閑的蛋疼也不要使用包裝對象!尤其是針對string類型?。?!

如果我們在使用Number、Boolean和String時,沒有寫new會發(fā)生什么情況?

此時,Number()、Boolean和String()被當(dāng)做普通函數(shù),把任何類型的數(shù)據(jù)轉(zhuǎn)換為number、boolean和string類型(注意不是其包裝類型):

var n = Number("123"); // 123,相當(dāng)于parseInt()或parseFloat()
typeof n; // "number"

var b = Boolean("true"); // true
typeof b; // "boolean"

var b2 = Boolean("false"); // true! "false"字符串轉(zhuǎn)換結(jié)果為true!因?yàn)樗欠强兆址?var b3 = Boolean(""); // false

var s = String(123.45); // "123.45"
typeof s; // "string"

是不是感覺頭大了?這就是JavaScript特有的催眠魅力!

總結(jié)一下,有這么幾條規(guī)則需要遵守

不要使用new Number()、new Boolean()、new String()創(chuàng)建包裝對象;

用parseInt()或parseFloat()來轉(zhuǎn)換任意類型到number;

用String()來轉(zhuǎn)換任意類型到string,或者直接調(diào)用某個對象的toString()方法;

通常不必把任意類型轉(zhuǎn)換為boolean再判斷,因?yàn)榭梢灾苯訉慽f (myVar) {...};

typeof操作符可以判斷出number、boolean、string、function和undefined;

判斷Array要使用Array.isArray(arr);

判斷null請使用myVar === null;

判斷某個全局變量是否存在用typeof window.myVar === "undefined";

函數(shù)內(nèi)部判斷某個變量是否存在用typeof myVar === "undefined"。

最后有細(xì)心的同學(xué)指出,任何對象都有toString()方法嗎?null和undefined就沒有!確實(shí)如此,這兩個特殊值要除外,雖然null還偽裝成了object類型。

更細(xì)心的同學(xué)指出,number對象調(diào)用toString()報SyntaxError:

123.toString(); // SyntaxError

遇到這種情況,要特殊處理一下:

123..toString(); // "123", 注意是兩個點(diǎn)!
(123).toString(); // "123"

2. Date
var now = new Date();
now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)
now.getFullYear(); // 2015, 年份
now.getMonth(); // 5, 月份,注意月份范圍是0~11,5表示六月
now.getDate(); // 24, 表示24號
now.getDay(); // 3, 表示星期三
now.getHours(); // 19, 24小時制
now.getMinutes(); // 49, 分鐘
now.getSeconds(); // 22, 秒
now.getMilliseconds(); // 875, 毫秒數(shù)
now.getTime(); // 1435146562875, 以number形式表示的時間戳

如果要創(chuàng)建一個指定日期和時間的Date對象,可以用:

var d = new Date(2015, 5, 19, 20, 15, 30, 123);
d; // Fri Jun 19 2015 20:15:30 GMT+0800 (CST)
3.RegExp

在正則表達(dá)式中,如果直接給出字符,就是精確匹配。用d可以匹配一個數(shù)字,w可以匹配一個字母或數(shù)字,所以:

"00d"可以匹配"007",但無法匹配"00A";

"ffffd"可以匹配"010";

"ww"可以匹配"js";

.可以匹配任意字符,所以:

"js."可以匹配"jsp"、"jss"、"js!"等等。

要匹配變長的字符,在正則表達(dá)式中,用*表示任意個字符(包括0個),用+表示至少一個字符,用?表示0個或1個字符,用{n}表示n個字符,用{n,m}表示n-m個字符:

來看一個復(fù)雜的例子:d{3}s+d{3,8}。

我們來從左到右解讀一下:

d{3}表示匹配3個數(shù)字,例如"010";

s可以匹配一個空格(也包括Tab等空白符),所以s+表示至少有一個空格,例如匹配" ","		"等;

d{3,8}表示3-8個數(shù)字,例如"1234567"。

綜合起來,上面的正則表達(dá)式可以匹配以任意個空格隔開的帶區(qū)號的電話號碼。

如果要匹配"010-12345"這樣的號碼呢?由于"-"是特殊字符,在正則表達(dá)式中,要用""轉(zhuǎn)義,所以,上面的正則是d{3}-d{3,8}。

但是,仍然無法匹配"010 - 12345",因?yàn)閹в锌崭?。所以我們需要更?fù)雜的匹配方式.

要做更精確地匹配,可以用[]表示范圍,比如:

[0-9a-zA-Z\_]可以匹配一個數(shù)字、字母或者下劃線;

[0-9a-zA-Z\_]+可以匹配至少由一個數(shù)字、字母或者下劃線組成的字符串,比如"a100","0_Z","js2015"等等;

[a-zA-Z\_$][0-9a-zA-Z\_$]*可以匹配由字母或下劃線、$開頭,后接任意個由一個數(shù)字、字母或者下劃線、$組成的字符串,也就是JavaScript允許的變量名;

[a-zA-Z\_$][0-9a-zA-Z\_$]{0, 19}更精確地限制了變量的長度是1-20個字符(前面1個字符+后面最多19個字符)。

A|B可以匹配A或B,所以(J|j)ava(S|s)cript可以匹配"JavaScript"、"Javascript"、"javaScript"或者"javascript"。

^表示行的開頭,^d表示必須以數(shù)字開頭。

$表示行的結(jié)束,d$表示必須以數(shù)字結(jié)束。

你可能注意到了,js也可以匹配"jsp",但是加上^js$就變成了整行匹配,就只能匹配"js"了.

4.創(chuàng)建一個正則表達(dá)式

第一種方式是直接通過/正則表達(dá)式/寫出來,第二種方式是通過new RegExp("正則表達(dá)式")創(chuàng)建一個RegExp對象。

兩種寫法是一樣的:

var re1 = /ABC-001/;
var re2 = new RegExp("ABC-001");

re1; // /ABC-001/
re2; // /ABC-001/

注意,如果使用第二種寫法,因?yàn)樽址霓D(zhuǎn)義問題,字符串的兩個實(shí)際上是一個。

先看看如何判斷正則表達(dá)式是否匹配:

var re = /^d{3}-d{3,8}$/;
re.test("010-12345"); // true
re.test("010-1234x"); // false
re.test("010 12345"); // false

RegExp對象的test()方法用于測試給定的字符串是否符合條件。

5.切分字符串

用正則表達(dá)式切分字符串比用固定的字符更靈活,請看正常的切分代碼:

"a b   c".split(" "); // ["a", "b", "", "", "c"]

嗯,無法識別連續(xù)的空格,用正則表達(dá)式試試:

"a b   c".split(/s+/); // ["a", "b", "c"]

無論多少個空格都可以正常分割。加入,試試:

"a,b, c  d".split(/[s,]+/); // ["a", "b", "c", "d"]

再加入;試試:

"a,b;; c  d".split(/[s,;]+/); // ["a", "b", "c", "d"]

如果用戶輸入了一組標(biāo)簽,下次記得用正則表達(dá)式來把不規(guī)范的輸入轉(zhuǎn)化成正確的數(shù)組。

6.分組 exec()

除了簡單地判斷是否匹配之外,正則表達(dá)式還有提取子串的強(qiáng)大功能。用()表示的就是要提取的分組(Group)。比如:

^(d{3})-(d{3,8})$分別定義了兩個組,可以直接從匹配的字符串中提取出區(qū)號和本地號碼:

var re = /^(d{3})-(d{3,8})$/;
re.exec("010-12345"); // ["010-12345", "010", "12345"]
re.exec("010 12345"); // null

如果正則表達(dá)式中定義了組,就可以在RegExp對象上用exec()方法提取出子串來。

exec()方法在匹配成功后,會返回一個Array,第一個元素是正則表達(dá)式匹配到的整個字符串,后面的字符串表示匹配成功的子串。

exec()方法在匹配失敗時返回null。

7.貪婪匹配

需要特別指出的是,正則匹配默認(rèn)是貪婪匹配,也就是匹配盡可能多的字符。舉例如下,匹配出數(shù)字后面的0:

var re = /^(d+)(0*)$/;
re.exec("102300"); // ["102300", "102300", ""]

由于d+采用貪婪匹配,直接把后面的0全部匹配了,結(jié)果0*只能匹配空字符串了。

必須讓d+采用非貪婪匹配(也就是盡可能少匹配),才能把后面的0匹配出來,加個?就可以讓d+采用非貪婪匹配:

var re = /^(d+?)(0*)$/;
re.exec("102300"); // ["102300", "1023", "00"]

JavaScript的正則表達(dá)式還有幾個特殊的標(biāo)志,最常用的是g,表示全局匹配,

正則表達(dá)式還可以指定i標(biāo)志,表示忽略大小寫,m標(biāo)志,表示執(zhí)行多行匹配。

常用正則

(引用)常用正則表達(dá)式大全

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/86922.html

相關(guān)文章

  • js溫故知新10(操作表單)——學(xué)習(xí)雪峰js教程

    摘要:用操作表單和操作是類似的,因?yàn)楸韱伪旧硪彩菢?。因此,第二種方式是響應(yīng)本身的事件,在提交時作修改可以在此修改的繼續(xù)下一步注意要來告訴瀏覽器繼續(xù)提交,如果,瀏覽器將不會繼續(xù)提交,這種情況通常對應(yīng)用戶輸入有誤,提示用戶錯誤信息后終止提交。 用JavaScript操作表單和操作DOM是類似的,因?yàn)楸韱伪旧硪彩荄OM樹。 HTML表單的輸入控件主要有以下幾種: 文本框,對應(yīng)的,用于輸入文本; ...

    simon_chen 評論0 收藏0
  • js溫故知新——學(xué)習(xí)雪峰js教程

    摘要:在設(shè)計時,有兩種比較運(yùn)算符第一種是比較,它會自動轉(zhuǎn)換數(shù)據(jù)類型再比較,很多時候,會得到非常詭異的結(jié)果第二種是比較,它不會自動轉(zhuǎn)換數(shù)據(jù)類型,如果數(shù)據(jù)類型不一致,返回,如果一致,再比較。 數(shù)據(jù)類型和變量 數(shù)據(jù)類型計算機(jī)顧名思義就是可以做數(shù)學(xué)計算的機(jī)器,因此,計算機(jī)程序理所當(dāng)然地可以處理各種數(shù)值。但是,計算機(jī)能處理的遠(yuǎn)不止數(shù)值,還可以處理文本、圖形、音頻、視頻、網(wǎng)頁等各種各樣的數(shù)據(jù),不同的數(shù)據(jù)...

    taohonghui 評論0 收藏0
  • js溫故知新8(瀏覽器)——學(xué)習(xí)雪峰js教程

    摘要:對象不但充當(dāng)全局作用域,而且表示瀏覽器窗口。對象有和屬性,可以獲取瀏覽器窗口的內(nèi)部寬度和高度。對象表示當(dāng)前頁面的信息。由于在瀏覽器中以形式表示為樹形結(jié)構(gòu),對象就是整個樹的根節(jié)點(diǎn)。這個行為由瀏覽器實(shí)現(xiàn),主流瀏覽器均支持選項(xiàng),從開始支持。 瀏覽器 目前主流的瀏覽器: IE 6~11:從IE10開始支持ES6標(biāo)準(zhǔn); Chrome:基于Webkit內(nèi)核,內(nèi)置了非常強(qiáng)悍的JavaScript引...

    charles_paul 評論0 收藏0
  • js溫故知新4——學(xué)習(xí)雪峰js教程

    摘要:你可能認(rèn)為調(diào)用,和結(jié)果應(yīng)該是,,,但實(shí)際結(jié)果是全部都是原因就在于返回的函數(shù)引用了變量,但它并非立刻執(zhí)行。返回閉包時牢記的一點(diǎn)就是返回函數(shù)不要引用任何循環(huán)變量,或者后續(xù)會發(fā)生變化的變量。真的是看著很暈?zāi)? 閉包 另一個需要注意的問題是,返回的函數(shù)并沒有立刻執(zhí)行,而是直到調(diào)用了f()才執(zhí)行。我們來看一個例子: function count() { var arr = []; ...

    genefy 評論0 收藏0
  • js溫故知新2——學(xué)習(xí)雪峰js教程

    摘要:讓我們拆開寫小明正常結(jié)果單獨(dú)調(diào)用函數(shù)怎么返回了請注意,我們已經(jīng)進(jìn)入到了的一個大坑里。如果單獨(dú)調(diào)用函數(shù),比如,此時,該函數(shù)的指向全局對象,也就是。 函數(shù) 1. arguments JavaScript還有一個免費(fèi)贈送的關(guān)鍵字arguments,它只在函數(shù)內(nèi)部起作用,并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array但它不是一個Array: function fo...

    Caizhenhao 評論0 收藏0
  • js溫故知新3——學(xué)習(xí)雪峰js教程

    摘要:例如,在一個中,刪掉偶數(shù),只保留奇數(shù),可以這么寫把一個中的空字符串刪掉,可以這么寫注意以下的版本沒有方法可見用這個高階函數(shù),關(guān)鍵在于正確實(shí)現(xiàn)一個篩選函數(shù)?;卣{(diào)函數(shù)接收的回調(diào)函數(shù),其實(shí)可以有多個參數(shù)。 1.map 由于map()方法定義在JavaScript的Array中,我們調(diào)用Array的map()方法,傳入我們自己的函數(shù),就得到了一個新的Array作為結(jié)果: function po...

    zhaot 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<