前端基礎(包含ES6)（一）

CarlBenjamin 發(fā)布于2019-08-21 11:42 / 2032人閱讀

摘要：中到底都有哪些數(shù)據(jù)類型基本數(shù)據(jù)類型值類型引用數(shù)據(jù)類型對象對象數(shù)組正則時間函數(shù)但是屬于數(shù)據(jù)類型的非嚴格轉換嚴格的轉換數(shù)字的常用方法保留小數(shù)點后面位用來檢測是否為有效數(shù)字的方法不相等方法還有基模式，可以把二進制八進制十六進制或其他任何

JS中到底都有哪些數(shù)據(jù)類型 基本數(shù)據(jù)類型 / 值類型

- number、 string、 boolean(true / false)、 null、 undefined
Symbol(es6)

引用數(shù)據(jù)類型

object(對象): {}
{} 對象、[] 數(shù)組、 /^ $/ 正則  Tue Mar 08 2016 16: 17: 10 GMT + 0800 時間
function(函數(shù))

Number

NaN typeof NaN : number NaN:not a number但是屬于number數(shù)據(jù)類型的

非嚴格轉換:parseInt/parseFloat

嚴格的轉換:Number

數(shù)字的常用方法toFixed(n):保留小數(shù)點后面n位

isNaN()用來檢測是否為有效數(shù)字的方法

    console.log(parseInt("12px"));//->12
    console.log(parseInt("12px13"));//->12
    console.log(parseInt("px13"));//->NaN
    parseInt("0xA");   //returns   10
    parseInt("22.5");   //returns   22
    parseInt("blue");   //returns   NaN
    var num = 3.141592654;
    console.log(num.toFixed(2));//->3.14
    NaN==NaN // false 不相等

parseInt()方法還有基模式，可以把二進制、八進制、十六進制或其他任何進制的字符串轉換成整數(shù)?；怯蓀arseInt()方法的第二個參數(shù)指定的，示例如下：

parseInt("AF",   16);   //returns   175
parseInt("10",   2);   //returns   2
parseInt("10",   8);   //returns   8
parseInt("10",   10);   //returns   10

下面是使用parseFloat()方法的示例:

parseFloat("1234blue");   //returns   1234.0
parseFloat("0xA");   //returns   NaN
parseFloat("22.5");   //returns   22.5
parseFloat("22.34.5");   //returns   22.34
parseFloat("0908");   //returns   908
parseFloat("blue");   //returns   NaN

Boolean

只有五個值(""、0、NaN、null、undefined)轉換為布爾類型會變?yōu)閒alse,其余的都是true

[] array 1、關于數(shù)組的增、刪、改

(1) push:向數(shù)組的末尾增加新的內(nèi)容

返回值:新增加后數(shù)組的長度

原來的數(shù)組已經(jīng)發(fā)生了改變

    let ary = [1,2,3ary];
    let newAry = ary.push(100);
    console.log(ary,newAry);// newAry = 4 ,ary = [100]

(2)pop:刪除向數(shù)組的末尾

返回值:被刪除的那一項的內(nèi)容

原有的數(shù)組發(fā)生改變

    let ary = [100,123,13];
    let newAry = ary.pop();
    console.log(ary,newAry);// newAry = [13] ,ary = [1,2]

(3)shift:刪除數(shù)組中的第一項

返回值:被刪除的那一項的內(nèi)容

原有的數(shù)組發(fā)生改變

 let ary = [100,123,13];
    let newAry = ary.shift();
    console.log(ary,newAry);// newAry = [100] ,ary = [123,13]

(4)unshift:添加數(shù)組中的第一項

返回值:添加后的新數(shù)組的長度

原有的數(shù)組發(fā)生改變

 let ary = [100,123,13];
    let newAry = ary.unshift(100);
    console.log(ary,newAry);// newAry = 3 ,ary = [100,123,13]

(5)splice：增刪改
刪除

ary.splice(n,m) 從索引n開始,刪除m個元素,把刪除的內(nèi)容以一個新數(shù)組的方式返回,原來的數(shù)組改變

ary.splice(n) 從索引n開始,刪除到數(shù)組的末尾

ary.splice(0) 把原來的數(shù)組中每一項都刪除掉(清空數(shù)組每一項),把之前的每一項的值以一個新的數(shù)組返回(把之前的數(shù)組克隆了一份一模一樣的,這樣的克隆會修改原來的數(shù)組)

ary.splice() 數(shù)組中一項都沒有刪除,返回的是一個空數(shù)組

修改

splice(n,m,x) 從索引n開始,刪除m個,用x替換刪除的部分,把刪除的內(nèi)容以一個新的數(shù)組返回,原來的數(shù)組改變

增加

splice(n,0,x) 從索引n開始,一個都不刪除(返回結果是一個空數(shù)組),把x增加到索引n的前面,原來的數(shù)組改變

未完待續(xù)，持續(xù)更新

GPU云服務器云服務器前端基礎前端基礎教程前端零基礎零基礎前端

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

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

基礎知識 - 收藏集 - 掘金

摘要：本文是面向前端小白的，大手子可以跳過，寫的不好之處多多分鐘搞定常用基礎知識前端掘金基礎智商劃重點在實際開發(fā)中，已經(jīng)非常普及了。 JavaScript字符串所有API全解密 - 掘金關于我的博客：louis blog SF專欄：路易斯前端深度課原文鏈接：JavaScript字符串所有API全解密本文近 6k 字，讀完需 10 分鐘。字符串作為基本的信息交流的橋梁，幾乎被所有的編程...

wdzgege 2019-08-20 17:47 評論0 收藏0
專治前端焦慮的學習方案

摘要：不過今天我希望能夠更進一步，不僅僅再抱怨現(xiàn)狀，而是從我個人的角度來給出一個逐步深入學習生態(tài)圈的方案。最后，我還是想提到下對于的好的學習方法就是回顧參照各種各樣的代碼庫，學習人家的用法與實踐。本文翻譯自A-Study-Plan-To-Cure-JavaScript-Fatigue。筆者看到里面的幾張配圖著實漂亮，順手翻譯了一波。本文從屬于筆者的Web Frontend Introduc...

codeGoogle 2019-08-21 14:41 評論0 收藏0
前端基礎進階（十五）：詳解 ES6 Modules

摘要：下載地址安裝一個好用的命令行工具在環(huán)境下，系統(tǒng)默認的非常難用，所以我個人比較推薦大家使用或者。下載地址安裝在命令行工具中使用查看版本的方式確保與都安裝好之后，我們就可以安裝了。前端基礎進階系列目錄 showImg(https://segmentfault.com/img/remote/1460000009654403?w=1240&h=272); 對于新人朋友來說，想要自己去搞定一個E...

Lowky 2019-08-21 18:31 評論0 收藏0
18年求職面經(jīng)及總結

摘要：年求職面經(jīng)及總結我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結寫下來希望能給和我一樣在求職路上煎熬的人一點幫助先說背景微電子科學與工程專業(yè)學過兩門和相關的課程語言和單片機這個專業(yè)的唯一好處就是大部分人并不知道這個專 18年求職面經(jīng)及總結我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結寫下來,希望能給和我一樣在求職路上煎熬的人一點幫...

zhangwang 2019-08-22 11:07 評論0 收藏0
18年求職面經(jīng)及總結

摘要：年求職面經(jīng)及總結我的求職之路差不多走到盡頭了感覺真是精疲力盡了把這大半年的經(jīng)歷和面試總結寫下來希望能給和我一樣在求職路上煎熬的人一點幫助先說背景微電子科學與工程專業(yè)學過兩門和相關的課程語言和單片機這個專業(yè)的唯一好處就是大部分人并不知道這個專 18年求職面經(jīng)及總結我的求職之路差不多走到盡頭了,感覺真是精疲力盡了.把這大半年的經(jīng)歷和面試總結寫下來,希望能給和我一樣在求職路上煎熬的人一點幫...

fjcgreat 2019-08-01 17:38 評論0 收藏0