【筆記】數據類型總結

来源:https://www.cnblogs.com/souldee/archive/2018/07/19/9339097.html
-Advertisement-
Play Games

標簽： JavaScript JavaScript有六種數據類型，分別為undefined、null、number、string、Boolean、object，前面的五種是基礎數據類型，也稱之為原始類型，也就是無法再細分的基本類型，object則是複雜數據類型，其中通常是不止一種數據類型，除此之外在 ...


JavaScript有六種數據類型，分別為undefined、null、number、string、Boolean、object，前面的五種是基礎數據類型，也稱之為原始類型，也就是無法再細分的基本類型，object則是複雜數據類型，其中通常是不止一種數據類型，除此之外在ES6當中又新增加了一種symbol，表示為唯一的值，這個還沒有搞懂暫時涉及。

undefined：表示還沒有定義
null：表示為'空'
number：整數或者小數
string：字元串文本
boolean：布爾值，true或者false
object：表示一個對象，鍵值對

Undefined與Null

1.當你通過var聲明一個變數並且沒有對這個變數進行初始化的時候，那麼該變數的數值預設為undefined

var a;
console.log(a);// undefined

此外當你調用函數的時候沒有返回值的時候也會預設返回一個undefined

function fn() {}
console.log(fn()); // undefined

2.未聲明和未初始化還是有區別的，如下，a未初始化，b則是未聲明,系統會報錯

var a;
    
console.log(a);// undefined
console.log(b);// ReferenceError: b is not defined

3.null表示一個空對象的指針，假如你定義一個變數未來將用於存放對象，最好初始化為null

var a = null;

undefined與null的區別在哪裡呢？

我們可以這樣理解，null表示為有內容，而這個內容就是為空，而undefined表示的為未定義，還沒有想好要放什麼，假設我們面前放著這一張紙張想要畫畫，如果使用null，意思就是這張紙的畫面就是一片空白（藝術！藝術！），而如果使用了undefined則是我放著這一張紙，但是還沒想好畫什麼呢，就先這樣放著吧。

但是如果你使用==來進行對比你會發現返回一個true，並且在if語句的（）當中兩者都會被轉換成false.

Boolean

布爾值只有兩個值：true表示真false表示假，區分大小寫，通常以下情況下會出現布爾值，

邏輯運算符： &&、||、！
運輸符： ==、！=、===、！==、>、>=、<、<=
if語句的（）當中自動轉化為boolean值

此外還可以使用Boolean()來進行轉換，除了undefined、null、false、0、NaN、""或''（空字元串）會被轉化為false之外，其餘都會被轉換為truw。

Number

1.JavaScript的所有數字都是以64位浮點數形式儲存，由於二進位浮點數的演算法原因，我們還能看到以下情況

console.log(0.1 + 0.2 ); // false

實際得到的數值是略微大於0.3的，具體可以看這裡

2.除了十進位外還可以表示為八進位、十六進位、二進位

// 八進位：有首碼0的數值，或者有前導0、且只有0-7
var num8 = 070; // 56

// 十六進位：有首碼0x或0X的數值，有且只有0-9，a-f
var num16 = 0X3e; // 62

 // 二進位：有首碼0b或0B的數值,有且只有0,1
var num2 = 0B10; // 2

3.number還可以使用科學計數法進行表示

console.log(3e13); // 30000000000000
console.log(3e-3); // 0.003

4.JavaScript的Number對象提供可以表示的最大最小是

Number.MAX_VALUE // 1.7976931348623157e+308  2的1024次方
Number.MIN_VALUE // 5e-324 2的-1023次方

當你超過之後就會發生溢出，編程Inifinity，如果為負數則是-Inifinity，

5.NaN表示為非數值,當本來要返回數值的操作未返回數值的情況，例如數字同字元串的-

console.log('a' - 10); // NaN

當然要是使用+就不會返回NaN,因為會轉化為字元串。

console.log('a' + 10); // a10

任何同NaN的操作都會返回NaN

console.log(NaN + 10); // NaN

並且NaN同任何值都不相等，包括自身。

console.log(NaN === NaN); // false

6.+0與-0
兩者通常情況下都是相等的，除了作為分母的時候

console.log((1 / +0) === (1 / -0)); // false

7.與數值相關的全局方法有

parseInt（）:用於將字元串轉化為整數
parseFloat（）:轉換為浮點數
isNaN（）:是否為非數值
isFinite（）:是否為正常數值

具體轉化規則行查詢文檔，這裡需要註意的是parseInt（）有第二個參數，表示的是被解析字元串的進位

parseInt('1000', 2) // 8
parseInt('1000', 8) // 512

String

1.字元串通常用"",''表示，可以在單引號當中放雙引號，反過來也可以，需要註意的是開頭結尾要相同

console.log('a string"); // 報錯 nvalid or unexpected token

2.有一些特殊字元不可以直接在字元串當中打出來，需要通過轉義符\才行

\0 ：null（\u0000）
\b ：後退鍵（\u0008）
\f ：換頁符（\u000C）
\n ：換行符（\u000A）
\r ：回車鍵（\u000D）
\t ：製表符（\u0009）
\v ：垂直製表符（\u000B）
' ：單引號（\u0027）
" ：雙引號（\u0022）
\ ：反斜杠（\u005C）

3.當字元串被創建後就不可變（包括數組的length也是不可變），要改變內容只能先銷毀先前的內容。

var lang = 'java';
lang = lang + 'script';

上面操作並不是直接在原來的數組直接拼接script字元串，而是創建一個新的字元串，然後填充javascript之後銷毀先前的兩個字元串。

4.字元串可以使用數組方括弧方式讀取

var str = 'this is a string';
console.log(str[0]); // t

5.toString（）數值、布爾值、對象、字元串都有這個方法，詳情看MDN文檔

object

1.對象簡單講就是鍵對值的集合，其中可以包含多種數據類型，包括嵌套對象

var obj = {
    num: 123,
    str: 'javascript',
    bool: false,
    otherObj: {}
}

2.對象是引用類型，也就是說上面的obj實際上存放的是某個對象的地址，因此，當另一個對象直接等於obj的時候，實際上複製的是對象的地址，因此無論哪個修改都會影響到另一個對象，屬於淺拷貝。

var obj1 = {a: 1}
var obj2 = obj1;

obj2.a = 3;

console.log(obj1.a); // 3

3.屬性的讀取和設置可以使用.點操作符或者[]，數字鍵名不能用.讀取，還需要註意的是方括弧當中屬性名需要用""包裹

var obj = {
    1: 666,
    'a_b': 777
}

console.log(obj.1); // 報錯
console.log(obj[1]); // 666

console.log(obj[a_b]); // 報錯
console.log(obj['a_b']); // 777

屬性的刪除則是使用delete

delete obj.1;

4.想要知道對象當中是否存在某個屬性可以使用in,返回一個布爾值

var obj = {a: 1};
'a' in obj // true

使用for in可以遍歷對象全部屬性

for (var i in obj) {
  console.log(i);
}

使用這兩個的時候為了避免遍歷到繼承的屬性和方法，應當使用hasOwnProperty()先進行判斷是否為對象本身的屬性方法。

for (var i in obj) {
    if (object.hasOwnProperty(i)) {
        // ...
    }
}

5.對象實例常用屬性和方法

constructor： 指向構造函數的指針
hasOwnProperty(): 判斷是否對象本身的屬性
toString()：返回對象的字元串表示。
valueOf()：返回對象的字元串、數值或布爾值表示。

typeof與instanceof

typeof可以用來確定數據類型

console.log(typeof 'str'); // string
console.log(typeof 123); // number
console.log(typeof true); // boolean
console.log(typeof undefined); // undefined

function fn(){};
console.log(typeof fn); // function

console.log(typeof null); // object

可以看到null返回了一個object，說明null本質是一個對象，一個空對象。

對於以上類型typeof夠用了，然而對於複雜的object卻並不夠

console.log(typeof []); //object
console.log(typeof {}); //object

這時候需要我們的instanceof了，它會返回一個布爾值，表示的是是否為某個構造函數的實例

console.log([] instanceof Array); //true
console.log({} instanceof Object); //true

var str = new String();
console.log(str instanceof String); //true

參考

阮一峰JavaScript教程-數據類型

JavaScript高級程式設計 第三章


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • iOS ----------各種判斷
    iOS 判斷數字 - (BOOL) deptNumInputShouldNumber:(NSString *)str { if (str.length == 0) { return NO; } NSString *regex = @"[0-9]*"; NSPredicate *pred = [NSP ...
  • android 每個塊半徑不同的扇形圖，自定義view
    1.首先看效果圖 2.自定義PieChartView，繼承自View，下邊為PieChartView代碼 之後，在activity中，只需找到組件，傳入數據，調用 invalidate() 進行重繪即可。 ...
  • Android ConstraintLayout 佈局警告
    使用 ConstraintLayout 佈局出現警告： 此視圖不受垂直約束。在運行時，除非添加垂直約束，否則它將跳轉到左側 解決辦法： 從Android Studio v3及更高版本開始，從下拉列表中刪除了Infer Constraint。 使用設計預覽上方工具欄菜單中的魔棒圖標 ; 有“ 推斷約束 ...
  • 【最新最全】為 iOS 和 Android 的真機和模擬器編譯 Luajit 庫
    編譯 Luajit 庫，的確是一個挑戰。因為官網的教程，在當前版本的 Xcode 和 NDK 環境中，已經不適用了。以前只是編譯了適用於真機的 Luajit 庫。最近在嘗試編譯模擬器 Luajit 庫，就順便梳理了下 Luajit 庫的編譯經驗，供以後查閱。網上的討論也是有一些，但是相當一部分都已經... ...
  • iOS----------常見巨集定義
    在我們日常的項目中，合理的使用巨集定義，會大大減少我們的代碼量，以及代碼的可讀性，為方便讀者使用，總結如下： pragma mark - Application相關 /// /// @name Application /// #define APPLICATION [UIApplication sha ...
  • 【轉載】動態生成html元素併為元素追加屬性
    動態生成HTML元素的方法有三種： 第一種：document.createElement()創建元素，再用appendChild( )方法將元素添加到指定節點 第二種：使用innerHTML直接將元素添加到指定節點 第三種：jQuery創建節點 jQuery中創建DOM對象，使用jQuery的工廠函 ...
  • 優雅的類寫法
    前言 雖然現在已經是ES6的時代，但是，還是有必要瞭解下ES5是怎麼寫一個類的。 本文詳述JavaScript面向對象編程中的類寫法，並分步驟講述如何寫出優雅的類。 一、例子 例子為一個輕提示組件 。 需要實現的功能： 方法，顯示提示 方法，隱藏提示 方法，初始化提示語 二、類的構成 JavaScr ...
  • 前端瞭解之路
    結構 Html：html是什麼、html文件結構 html:head html常用標簽學習筆記 html:常見行內標簽，常見塊級標簽，常見可變標簽,常見自閉合標簽，常見屬性， html5常見新增標簽 樣式 html之css選擇器語法學習筆記 html之CSS樣式學習筆記 行為 javascript的... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類