」工欲善其事,必先利其器。「—孔子《論語.錄靈公》
首頁 > 程式設計 > 了解JavaScript中的變量和數據類型

了解JavaScript中的變量和數據類型

發佈於2025-03-23
瀏覽:299

JavaScript是一種動態編程語言,廣泛用於Web開發。 JavaScript中的基本概念之一是了解變量和數據類型。本文將清楚地解釋這些概念,以幫助您輕鬆掌握它們。 Understanding Variables and Data Types in JavaScript什麼是變量?

變量就像具有數據值的容器。在JavaScript中,您可以將不同類型的數據存儲在變量中。要聲明變量,您使用關鍵字var,let或const。這是一個故障:

var:

這是聲明變量的較舊方法。

您可以將帶有var的變量重新解析。

  • 讓:
  • 此關鍵字用於塊分佈變量。
您無法重新刪除用Let聲明的變量。
var name = "Ali";
var name = "Ahmed"; // This is valid

讓年齡= 25; //讓年齡= 30; //這將出現錯誤

    const:
  • 也被塊分組,但用於常數。
您不能用const聲明的變量重新分配一個,但是如果它是對像或數組,則可以更改其屬性。
var name = "Ali";
var name = "Ahmed"; // This is valid

const pi = 3.14; // pi = 3.14159; //這將出現錯誤

    什麼是數據類型?
  • javaScript中的數據類型指定變量可以保存的數據。數據類型有兩個主要類別:原始類型和非主要類型。
  • 原始數據類型
原始數據類型是最基本的數據類型。 JavaScript具有七種原始數據類型:
const pi = 3.14;
// pi = 3.14159; // This will give an error

字符串:

表示字符的序列。字符串包含在 - 單引號或雙引號中。

讓engreing =“你好,世界!”;

  • 編號:代表整數和浮點數。
令計數= 42; //整數 讓價格= 9.99; //浮點數
let greeting = "Hello, World!";

  • 布爾值:表示可以是真實的或錯誤的值。
讓IsloggedIn = true;
let greeting = "Hello, World!";

  • 表示已聲明了一個變量,但尚未分配值。
  • 讓結果; //這是不確定的
var name = "Ali";
var name = "Ahmed"; // This is valid

    null:
  • 表示故意的非價值或空值。
  • 讓用戶= null; //這意味著沒有用戶
var name = "Ali";
var name = "Ahmed"; // This is valid

    符號(在ES6中引入):
  • 表示獨特而不可變的值,主要用作對象屬性。
var name = "Ali";
var name = "Ahmed"; // This is valid

用於代表任意精度的整數,對非常大的數字有用。
  • const bignumber = bigint(123456789012345678901234567890);
  • 非主要數據類型
const uniqueId = Symbol('id');

  • 對象:表示鍵值對的集合。對象可以容納多個值,對於管理更複雜的數據至關重要。
const bigNumber = BigInt(123456789012345678901234567890);

概括

在JavaScript中,變量是用於存儲數據值的容器,您可以使用VAR,LET或CONST聲明它們。數據類型的主要類別有兩個類別:原始和非重要性。

  • 原始數據類型:字符串,數字,布爾值,未定義,空,符號和bigint。 [2 了解變量和數據類型在JavaScript中構成編程的基礎時至關重要。掌握了這些概念後,您可以有效地編寫更複雜的程序。 如果您有任何疑問或需要對任何這些主題的進一步解釋,請隨意聯繫!
            
版本聲明 本文轉載於:https://dev.to/rehmanofficial/understanding-variables-and-data-types-in-javascript-5ea7?1如有侵犯,請聯繫[email protected]刪除
最新教學 更多>
  • 如何在JavaScript對像中動態設置鍵?
    如何在JavaScript對像中動態設置鍵?
    在嘗試為JavaScript對象創建動態鍵時,如何使用此Syntax jsObj['key' i] = 'example' 1;不工作。正確的方法採用方括號: jsobj ['key''i] ='example'1; 在JavaScript中,數組是一...
    程式設計 發佈於2025-03-25
  • 可以在純CS中將多個粘性元素彼此堆疊在一起嗎?
    可以在純CS中將多個粘性元素彼此堆疊在一起嗎?
    [2这里: https://webthemez.com/demo/sticky-multi-header-scroll/index.html </main> <section> { display:grid; grid-template-...
    程式設計 發佈於2025-03-25
  • Numpy的矢量函數如何有效地證明數組的合理性?
    Numpy的矢量函數如何有效地證明數組的合理性?
    使用向量函數 Numpy提供使用矢量化函數的數組合理的方法,提供改進的性能和代碼簡單性,與傳統的python循環相比,提供了改進的性能和代碼簡單性。在保持其形狀的同時,左,右,向上或向下的非零元素。 以下numpy實現執行有效的理由: = a [mask] 別的: out.t...
    程式設計 發佈於2025-03-25
  • 版本5.6.5之前,使用current_timestamp與時間戳列的current_timestamp與時間戳列有什麼限制?
    版本5.6.5之前,使用current_timestamp與時間戳列的current_timestamp與時間戳列有什麼限制?
    在時間戳列上使用current_timestamp或MySQL版本中的current_timestamp或在5.6.5 此限制源於遺留實現的關注,這些限制需要對當前的_timestamp功能進行特定的實現。 創建表`foo`( `Productid` int(10)unsigned not ...
    程式設計 發佈於2025-03-25
  • 如何基於唯一的電子郵件值合併和重塑對像數組?
    如何基於唯一的電子郵件值合併和重塑對像數組?
    在數據操作領域中合併和將對象的數組與唯一的電子郵件值 考慮需要合併兩個對象陣列,每個對像都包含電子郵件屬性。目標是創建一個包含所有唯一電子郵件值的新數組。 , (對象)[“電子郵件” =>“ [電子郵件  prected]”], (對象)[“電子郵件” =>“ wef...
    程式設計 發佈於2025-03-25
  • 為什麼不使用CSS`content'屬性顯示圖像?
    為什麼不使用CSS`content'屬性顯示圖像?
    在Firefox extemers屬性為某些圖像很大,&& && && &&華倍華倍[華氏華倍華氏度]很少見,卻是某些瀏覽屬性很少,尤其是特定於Firefox的某些瀏覽器未能在使用內容屬性引用時未能顯示圖像的情況。這可以在提供的CSS類中看到:。 googlepic { 內容:url(&...
    程式設計 發佈於2025-03-25
  • 如何使用不同數量列的聯合數據庫表?
    如何使用不同數量列的聯合數據庫表?
    合併列數不同的表 當嘗試合併列數不同的數據庫表時,可能會遇到挑戰。一種直接的方法是在列數較少的表中,為缺失的列追加空值。 例如,考慮兩個表,表 A 和表 B,其中表 A 的列數多於表 B。為了合併這些表,同時處理表 B 中缺失的列,請按照以下步驟操作: 確定表 B 中缺失的列,並將它們添加到表的...
    程式設計 發佈於2025-03-25
  • 如何在鼠標單擊時編程選擇DIV中的所有文本?
    如何在鼠標單擊時編程選擇DIV中的所有文本?
    在鼠標上選擇div文本單擊帶有文本內容,用戶如何使用單個鼠標單擊單擊div中的整個文本?這允許用戶輕鬆拖放所選的文本或直接複製它。 在單個鼠標上單擊的div元素中選擇文本,您可以使用以下Javascript函數: function selecttext(canduterid){ if(d...
    程式設計 發佈於2025-03-25
  • 對象擬合:IE和Edge中的封面失敗,如何修復?
    對象擬合:IE和Edge中的封面失敗,如何修復?
    To resolve this issue, we employ a clever CSS solution that solves the problem:position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)...
    程式設計 發佈於2025-03-25
  • 如何克服PHP的功能重新定義限制?
    如何克服PHP的功能重新定義限制?
    克服PHP的函數重新定義限制在PHP中,多次定義一個相同名稱的函數是一個no-no。嘗試這樣做,如提供的代碼段所示,將導致可怕的“不能重新列出”錯誤。 但是,PHP工具腰帶中有一個隱藏的寶石:runkit擴展。它使您能夠靈活地重新定義函數。 runkit_function_renction_...
    程式設計 發佈於2025-03-25
  • 如何將MySQL數據庫添加到Visual Studio 2012中的數據源對話框中?
    如何將MySQL數據庫添加到Visual Studio 2012中的數據源對話框中?
    在Visual Studio 2012 儘管已安裝了MySQL Connector v.6.5.4,但無法將MySQL數據庫添加到實體框架的“ DataSource對話框”中。為了解決這一問題,至關重要的是要了解MySQL連接器v.6.5.5及以後的6.6.x版本將提供MySQL的官方Visual...
    程式設計 發佈於2025-03-25
  • 如何從Google API中檢索最新的jQuery庫?
    如何從Google API中檢索最新的jQuery庫?
    從Google APIS 問題中提供的jQuery URL是版本1.2.6。對於檢索最新版本,以前有一種使用特定版本編號的替代方法,它是使用以下語法:獲取最新版本:未壓縮)While these legacy URLs still remain in use, it is recommended ...
    程式設計 發佈於2025-03-25
  • 如何使用組在MySQL中旋轉數據?
    如何使用組在MySQL中旋轉數據?
    在關係數據庫中使用mySQL組使用mySQL組進行查詢結果,在關係數據庫中使用MySQL組,轉移數據的數據是指重新排列的行和列的重排以增強數據可視化。在這裡,我們面對一個共同的挑戰:使用組的組將數據從基於行的基於列的轉換為基於列。 Let's consider the following ...
    程式設計 發佈於2025-03-25
  • 大批
    大批
    [2 數組是對象,因此它們在JS中也具有方法。 切片(開始):在新數組中提取部分數組,而無需突變原始數組。 令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作...
    程式設計 發佈於2025-03-25
  • 如何在php中使用捲髮發送原始帖子請求?
    如何在php中使用捲髮發送原始帖子請求?
    如何使用php 創建請求來發送原始帖子請求,開始使用curl_init()開始初始化curl session。然後,配置以下選項: curlopt_url:請求 [要發送的原始數據指定內容類型,為原始的帖子請求指定身體的內容類型很重要。在這種情況下,它是文本/平原。要執行此操作,請使用包含以下標頭...
    程式設計 發佈於2025-03-25

免責聲明: 提供的所有資源部分來自互聯網,如果有侵犯您的版權或其他權益,請說明詳細緣由並提供版權或權益證明然後發到郵箱:[email protected] 我們會在第一時間內為您處理。

Copyright© 2022 湘ICP备2022001581号-3