首頁 > web前端 > js教程 > 掌握 JavaScript 運算子:從基礎到位元

掌握 JavaScript 運算子:從基礎到位元

DDD
發布: 2024-09-19 06:25:32
原創
896 人瀏覽過

Mastering JavaScript Operators: From Basics to Bitwise

在本部落格中,我們將深入探討 JavaScript 運算子的世界,涵蓋從基本算術到位元運算的所有內容。我們將探討「一元」、「二元」和「操作數」等術語,並提供實際範例來幫助您理解每個概念。讓我們開始吧!

基本運算子

一元、二元和操作數

  • 一元運算子 作用於單一運算元(例如,x)。
  • 二元運算子 作用於兩個運算元(例如,x y)。
  • 運算元 是運算子所作用的值。

範例:

let x = 5;
let y = 3;

// Unary operator
let negX = -x; // -5

// Binary operator
let sum = x + y; // 8

登入後複製

數學

JavaScript 提供了多種數學運算子來執行算術運算。

範例:

let a = 10;
let b = 3;

let addition = a + b; // 13
let subtraction = a - b; // 7
let multiplication = a * b; // 30
let division = a / b; // 3.333...
let modulus = a % b; // 1
let exponentiation = a ** b; // 1000

登入後複製

字串與二進位的連接

運算子也可用於連接字串。

範例:

let firstName = "John";
let lastName = "Doe";

let fullName = firstName + " " + lastName; // "John Doe"

登入後複製

數位轉換,一元

一元 運算子可以將值轉換為數字。

範例:

let str = "123";
let num = +str; // 123

console.log(typeof num); // "number"

登入後複製

運算子優先權

運算子優先權決定運算的執行順序。

範例:

let result = 2 + 3 * 4; // 14 (multiplication has higher precedence than addition)

登入後複製

作業

賦值運算子=用來賦值變數。

範例:

let x = 10;
let y = 5;

x = y; // x is now 5

登入後複製

就地修改

就地修改運算子將賦值與另一個運算結合。

範例:

let x = 10;

x += 5; // x is now 15
x -= 3; // x is now 12
x *= 2; // x is now 24
x /= 4; // x is now 6
x %= 5; // x is now 1

登入後複製

增加/減少

遞增 ( ) 和遞減 (--) 運算子將數值增加或減少 1。

範例:

let x = 5;

x++; // x is now 6
x--; // x is now 5

登入後複製

位元運算子

位元運算子對數字的二進位表示形式執行運算。

範例:

let a = 5; // 0101 in binary
let b = 3; // 0011 in binary

let andResult = a & b; // 0001 in binary, which is 1
let orResult = a | b; // 0111 in binary, which is 7
let xorResult = a ^ b; // 0110 in binary, which is 6
let notResult = ~a; // -6 (two's complement of 0101)
let leftShift = a << 1; // 1010 in binary, which is 10
let rightShift = a >> 1; // 0010 in binary, which is 2

登入後複製

逗號

逗號運算子 , 計算其兩個運算元並傳回第二個運算元的值。

範例:

let x = (5, 10); // x is 10

登入後複製

結論

理解 JavaScript 運算子對於編寫高效且有效的程式碼至關重要。從基本算術到位元運算,每個運算子都有其獨特的用例。透過掌握這些運算符,您將順利成為熟練的 JavaScript 開發人員。

請繼續關注更多關於 JavaScript 的深入部落格!快樂編碼!

以上是掌握 JavaScript 運算子:從基礎到位元的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板