JS常用類

  1. Number
  2. 時(shí)間
  3. 字符串
  4. 數(shù)組
  5. Math
  6. 正則

一、Number

1鲸沮、常用數(shù)字

整數(shù):10
小數(shù):3.14
科學(xué)計(jì)數(shù)法:1e5 | 1e-5
正負(fù)無窮:Infinity | -Infinity

2、常用進(jìn)制

二進(jìn)制:0b1010
八進(jìn)制:012
十進(jìn)制:10
十六進(jìn)制:0xA

3锅论、NaN

非數(shù)字類型讼溺,通過isNaN()進(jìn)行判斷

4、常用常量

最大值:MAX_VALUE(1.7976931348623157e+308)
最小值:MIN_VALUE(5e-324)
正負(fù)無窮:NEGATIVE_INFINITY | POSITIVE_INFINITY(Infinity | -Infinity)

5最易、常用實(shí)例方法

toExponential(n) => 3.14.toExponential(1) => 1.3e+1 (先科學(xué)記數(shù)怒坯,再確定精度,n為小數(shù)精度)
toFixed(n) => 3.14.toFixed(1) => 3.1 (先確定精度藻懒,再普通記數(shù)剔猿,n為小數(shù)精度)
toPrecision(n) => 13.14.toPrecision(1|2) => 1e+1|13 (先確定精度,再記數(shù)嬉荆,n為位數(shù)進(jìn)度)
toString() => 
v-hint:經(jīng)典bug數(shù)字13.145

二归敬、時(shí)間

1、創(chuàng)建并獲取時(shí)間

var date = new Date();

2鄙早、時(shí)間戳

date.getTime();

3汪茧、獲取時(shí)間

年:date.getFullYear()
月:date.getMonth() + 1
日:date.getDate()
星期:date.getDay()
小時(shí):date.getHours()
分鐘:date.getMinutes()
秒:date.getSeconds()
毫秒:date.getMilliseconds()

4、常見格式時(shí)間

getUTCFullYear()
getUTCDate()
getUTCHours()

三限番、字符串

1舱污、常用字符串

'string' | "string" | 'my name is "zero"' | "I'm boy" | "I \"love\" you"

2、常用屬性

length:字符串長度

3扳缕、常用方法

chartAt(n):指定索引字符慌闭,同[n]
concat(str):將目標(biāo)字符串拼接到指定字符串之后
indexOf(str):指定字符串第一次出現(xiàn)的位置
lastIndexOf(str):指定字符串最一次出現(xiàn)的位置
replace(re, str):將正則匹配到的字符串替換為指定字符串
substr(n, m):從索引n開始,截取m個(gè)字符長度(m省略代表截取到最后)
substring(n, m):從索引n開始躯舔,截取到索引m(m省略代表截取到最后)
slice(n, m):同substring(n, m)
split(re):以指定正則將字符串拆分為數(shù)組
toUpperCase():轉(zhuǎn)換為大寫
toLowerCase():轉(zhuǎn)換為小寫
trim():去除首尾空白字符

四驴剔、數(shù)組

1、常見數(shù)組

[1, 2, 3] | ['1', '2', '3'] | [1, '2', true]

2粥庄、常用屬性

length:數(shù)組元素個(gè)數(shù)

3丧失、常用基礎(chǔ)方法

concat(arr):將目標(biāo)數(shù)組拼接到指定數(shù)組之后
indexOf(ele):指定元素第一次出現(xiàn)的位置
lastIndexOf(ele):指定元素最一次出現(xiàn)的位置
reverse():反轉(zhuǎn)數(shù)組
includes(ele, n):從索引n開始往后,元素ele是否在數(shù)組中惜互,做全等匹配布讹,索引從頭開始n可以省略(in只做值匹配)
fill(ele):以指定元素填充整個(gè)數(shù)組
slice(n, m):從索引n開始,截取到索引m(m省略代表截取到最后)
join(str):以指定字符串連接成字符串

4训堆、增刪改方法

push(ele):從尾加
unshift(ele):從頭加

pop():從尾刪
shift():從頭刪
集增刪改與一體的方法
splice(begin, length, ...eles):完成增刪改

begin開始索引
length長度
新元素們(可以省略)

eg:
arr=[1,2,3,4,5];
從頭加
    arr.splice(0, 0, 0);  // 從索引0前方開始操作,操作原數(shù)組0個(gè)長度,結(jié)果多了個(gè)元素0
    console.log(arr);
    // 0, 1, 2, 3, 4, 5

從尾加
    arr.splice(arr.length, 0, 6);
    console.log(arr);
    // 0, 1, 2, 3, 4, 5, 6

從頭刪
    arr.splice(0, 1) // 從索引0開始,操作原數(shù)組一位,替換的新值省略代表刪除
    console.log(arr);
    // 1, 2, 3, 4, 5, 6

從尾刪
    arr.splice(arr.length - 1, 1)
    console.log(arr);
    // 1, 2, 3, 4, 5

替換
    arr.splice(2, 1, "3", [0, 0], "3");  // 從索引2開始,用"3", [0, 0], "3"替換掉1位
    console.log(arr);
    // 1, 2, "3", [0, 0], "3", 4, 5


5描验、回調(diào)函數(shù)方法

  • filter(func) 過濾器
  • every (func) 判斷是否全部滿足條件
  • some(func) 判斷是否部分滿足條件
  • reduce 累計(jì)
  • sort 正逆向排序
filter(function(value, index){ return true | false}):過濾器
    返回值 : 滿足functio的所有元素組成的新的數(shù)組
    eg:過濾出偶數(shù)
        var arr = [4,6,2,1,5,3];
        '回調(diào)函數(shù)(過濾的條件,返回值為 true | false)'
        var getres=function (value,index) {
        if (value % 2 ===0){
            return true;
            }
        };
        var newArr=arr.filter(getres);
        console.log(arr,newArr); //[4,6,2]
        

every(function(value, index){ return 條件表達(dá)式; }):全部滿足條件
    返回值 : 
        全部滿足條件返回 true ,否則返回false
    eg : 判斷是否全為偶數(shù)
        var arr = [5,6,2,4,3,1];
        //回調(diào)函數(shù)
        var fn = function(value , index){
            if (value % 2 ===0){
                return true;
            }
        };
        res=arr.every(fn);
        console.log(res); // false


some(function(value, index){ return 條件表達(dá)式; }):部分滿足條件
    返回值 : 
        只要有滿足條件的返回 true ,否則返回false
    eg : 判斷是否有偶數(shù)
        var arr = [5,6,2,4,3,1];
        //回調(diào)函數(shù)
        var fn = function(value , index){
            if (value % 2 ===0){
                return true;
            }
        };
        res=arr.every(fn);
        console.log(res); // true


reduce(function(prev,value,index){ return prev * value; }):累積
    返回?cái)?shù)組的乘積
    eg: 
    var arr = [5,6,2,4,3,1];
    var fn = function (prev,value) {
        return prev*value;
    };
    res = arr.reduce(fn);
    console.log(res); //720


sort(function(o, n){ return o > n }):正逆向排序
    返回一個(gè)新的數(shù)組
    o > n 升序
    o < n 降序
    eg:
        var arr = [5,6,2,4,3,1];
        var fn = function (o,n) {
            return o>n;
        };
        newArr=arr.sort(fn);
        console.log(newArr); //[1,2,3,4,5,6]
        

五、Math

1坑鱼、常用常量

E:返回算術(shù)常量 e膘流,即自然對數(shù)的底數(shù)(約等于2.718)
LN2:返回 2 的自然對數(shù)(約等于0.693)
LN10:返回 10 的自然對數(shù)(約等于2.302)
LOG2E:返回以 2 為底的 e 的對數(shù)(約等于 1.4426950408889634)
LOG10E:返回以 10 為底的 e 的對數(shù)(約等于0.434)
PI:返回圓周率(約等于3.14159)

2絮缅、常用方法

abs(x):返回 x 的絕對值
ceil(x):向上取整
floor(x):向下取整
max(...n):求最大值
min(...n):求最小值
pow(x,y):返回 x 的 y 次冪
random():返回 0 ~ 1 之間的隨機(jī)數(shù)
round(x):四舍五入

3. 獲取[min , max]范圍內(nèi)隨機(jī)數(shù)的方法

    var getRandom=function(min,max){
        res = parseInt(Math.random()*(max-min+1)+min);
        return res;
    };

六、正則

1呼股、正則對象

// 構(gòu)造函數(shù)
var re = new RegExp('^\\w', 'igm');
// 字面量
var re = /^\w/igm;

2耕魄、修飾符

i:不區(qū)分大小寫
g:全文匹配
m:多行匹配

3、正則方法

test():匹配目標(biāo)字符串彭谁,結(jié)果為true|false
exec():匹配目標(biāo)字符串吸奴,結(jié)果為第一條結(jié)果所有信息的數(shù)組

4、字符串方法

match(re):匹配指定正則缠局,結(jié)果為數(shù)組(可全文匹配)
search(re):匹配指定正則则奥,結(jié)果為匹配的索引,反之-1
replace(re, newStr):匹配指定正則甩鳄,替換匹配的結(jié)果(可全文匹配)
split(re, n):按正則進(jìn)行拆分逞度,n的值可以決定結(jié)果的數(shù)組長度(可選參數(shù))

5. eg

var re = /^\w/;
    str ='ABCABC';
    re = /a/;  //  null
    re = /a/i; // ["A", index: 0, input: "ABCABC", groups: undefined] 不區(qū)分大小寫
    re = /a/ig;  // ["A", "A"] 不區(qū)分大小寫 匹配多次
    console.log(str.match(re));
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市妙啃,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌俊戳,老刑警劉巖揖赴,帶你破解...
    沈念sama閱讀 221,576評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異抑胎,居然都是意外死亡燥滑,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3 399
  • 文/潘曉璐 我一進(jìn)店門阿逃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铭拧,“玉大人,你說我怎么就攤上這事恃锉〔笃校” “怎么了?”我有些...
    開封第一講書人閱讀 168,017評論 0 360
  • 文/不壞的土叔 我叫張陵破托,是天一觀的道長肪跋。 經(jīng)常有香客問我,道長土砂,這世上最難降的妖魔是什么州既? 我笑而不...
    開封第一講書人閱讀 59,626評論 1 296
  • 正文 為了忘掉前任,我火速辦了婚禮萝映,結(jié)果婚禮上吴叶,老公的妹妹穿的比我還像新娘。我一直安慰自己序臂,他們只是感情好蚌卤,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,625評論 6 397
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般造寝。 火紅的嫁衣襯著肌膚如雪磕洪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,255評論 1 308
  • 那天诫龙,我揣著相機(jī)與錄音析显,去河邊找鬼。 笑死签赃,一個(gè)胖子當(dāng)著我的面吹牛谷异,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播锦聊,決...
    沈念sama閱讀 40,825評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼歹嘹,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了孔庭?” 一聲冷哼從身側(cè)響起尺上,我...
    開封第一講書人閱讀 39,729評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎圆到,沒想到半個(gè)月后怎抛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,271評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡芽淡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,363評論 3 340
  • 正文 我和宋清朗相戀三年马绝,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挣菲。...
    茶點(diǎn)故事閱讀 40,498評論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡富稻,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出白胀,到底是詐尸還是另有隱情椭赋,我是刑警寧澤,帶...
    沈念sama閱讀 36,183評論 5 350
  • 正文 年R本政府宣布纹笼,位于F島的核電站纹份,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏廷痘。R本人自食惡果不足惜蔓涧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,867評論 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望笋额。 院中可真熱鬧元暴,春花似錦、人聲如沸兄猩。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至鸠姨,卻和暖如春铜秆,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背讶迁。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1 272
  • 我被黑心中介騙來泰國打工连茧, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人巍糯。 一個(gè)月前我還...
    沈念sama閱讀 48,906評論 3 376
  • 正文 我出身青樓啸驯,卻偏偏與公主長得像,于是被迫代替她去往敵國和親祟峦。 傳聞我的和親對象是個(gè)殘疾皇子罚斗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,507評論 2 359

推薦閱讀更多精彩內(nèi)容

  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,151評論 0 13
  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,238評論 0 4
  • 我的表姐,是一所普通得不能再普通的屟嵫茫科學(xué)校畢業(yè)的會(huì)計(jì)搓幌,18歲專科畢業(yè)以后便來了廈門迅箩,待在父母身邊,雖然姑父姑母都是...
    樂真閱讀 577評論 3 1
  • 一開始關(guān)注公眾號(hào)的時(shí)候很喜歡喝雞湯,就是那些講夢想啊講成功的文章和視頻撤蟆。經(jīng)常會(huì)舉一些發(fā)家奮斗的例子給你奕塑,佐證一些道...
    MC佑SEN閱讀 387評論 3 0
  • 你說西天是我最后的歸途 我脫下五色戰(zhàn)衣 褪下一身傲骨 你說少些執(zhí)念就少些痛苦 我隨你走春夏秋冬 等菩提滿樹 也許,...
    王二痞子閱讀 777評論 18 12