JavaScript常用操作符代碼舉例
常用運算符
條件運算符(三元運算符)? :
語法: condition ? exprIfTrue : exprIfFalse
用途: 根據(jù)條件condition的結(jié)果選擇執(zhí)行兩個表達(dá)式中的一個。如果condition為真,則執(zhí)行exprIfTrue;否則執(zhí)行exprIfFalse。
空值合并運算符 ??
用途: 返回其兩個操作數(shù)中的一個,如果第一個操作數(shù)為null或undefined,則返回第二個操作數(shù);否則返回第一個操作數(shù)。
這個運算符用于處理默認(rèn)值的情況,當(dāng)一個變量可能為null或undefined時,可以使用它來提供一個替代的默認(rèn)值。
可選鏈運算符 ?.
用途: 允許安全地讀取位于連接對象鏈深處的屬性的值,而不必明確驗證鏈中的每個引用是否有效。
如果在訪問鏈的任何部分遇到null或undefined,那么表達(dá)式的求值將立即停止,并返回undefined。
按位或運算符 |
用途: 對兩個整數(shù)進(jìn)行按位或運算。對于每一位,只要有一個操作數(shù)的對應(yīng)位為1,結(jié)果就為1;否則為0。
此外,單個豎線|也可以用于將浮點數(shù)轉(zhuǎn)換為32位有符號整數(shù)(通過與0進(jìn)行按位或運算)。
邏輯或運算符 ||
用途: 對兩個表達(dá)式進(jìn)行邏輯或運算。如果第一個表達(dá)式為真(即不是false, 0, "", null, undefined, 或NaN),則返回第一個表達(dá)式;否則返回第二個表達(dá)式。
常用于設(shè)置默認(rèn)值,類似于??,但會處理更多的“假”值。
按位與運算符 &
用途: 對兩個整數(shù)進(jìn)行按位與運算。對于每一位,只有當(dāng)兩個操作數(shù)的對應(yīng)位都為1時,結(jié)果才為1;否則為0。
邏輯與運算符 &&
用途: 對兩個表達(dá)式進(jìn)行邏輯與運算。如果第一個表達(dá)式為假,則返回第一個表達(dá)式;如果第一個表達(dá)式為真,則返回第二個表達(dá)式。
常用于確保多個條件都為真時才執(zhí)行某些代碼,或者用于短路求值。
算術(shù)運算符
+加法-減法*乘法/除法%取模(求余數(shù))**冪運算(指數(shù))
let sum = 5 + 3; // 8 let difference = 10 - 4; // 6 let product = 7 * 6; // 42 let quotient = 15 / 3; // 5 let remainder = 17 % 5; // 2 let power = 2 ** 3; // 8
賦值運算符
=簡單賦值+=加后賦值-=減后賦值*=乘后賦值/=除后賦值%=取模后賦值**=冪運算后賦值
比較運算符
==松散相等 (會進(jìn)行類型轉(zhuǎn)換)===嚴(yán)格相等 (不會進(jìn)行類型轉(zhuǎn)換)!=松散不相等!==嚴(yán)格不相等>大于<小于>=大于等于<=小于等于
邏輯運算符
let isAdult = age >= 18 && age <= 65; let hasPermission = isUser || isAdmin; let isNotAvailable = !isAvailable;
&&邏輯與||邏輯或!邏輯非
位運算符
對數(shù)字的二進(jìn)制表示進(jìn)行操作
&按位與|按位或^按位異或~按位非<<左移>>帶符號右移>>>無符號右移
let result = 5 & 3; // 1 result = 5 | 3; // 7 result = 5 ^ 3; // 6 result = ~5; // -6 result = 5 << 1; // 10 result = 5 >> 1; // 2 result = 5 >>> 1; // 2 (對于正數(shù),與 `>>` 相同)
類型運算符
typeof返回一個字符串,指示操作數(shù)的類型instanceof用于檢查對象是否是某個構(gòu)造函數(shù)的實例
console.log(typeof 42); // "number" console.log(typeof "hello"); // "string" console.log([] instanceof Array); // true
其他運算符
,逗號運算符:可以在一條語句中執(zhí)行多個表達(dá)式。delete:刪除對象的屬性。in:檢查對象是否有指定的屬性。new:創(chuàng)建一個用戶定義的對象類型的實例,或特殊對象類型的實例。...擴展運算符/剩余參數(shù):用于解構(gòu)數(shù)組或?qū)ο螅蛘咦鳛楹瘮?shù)參數(shù)列表中的剩余參數(shù)。
let obj = { a: 1, b: 2 };
delete obj.a; // 刪除屬性 'a'
console.log('b' in obj); // true
let arr = [1, 2, 3];
let newArr = [...arr, 4, 5]; // 使用擴展運算符復(fù)制并添加元素
function add(...args) { return args.reduce((a, b) => a + b, 0); }
console.log(add(1, 2, 3)); // 6總結(jié)
到此這篇關(guān)于JavaScript常用操作符的文章就介紹到這了,更多相關(guān)js常用操作符內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JS實現(xiàn)在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變
這篇文章主要介紹了JS實現(xiàn)仿在瀏覽器標(biāo)簽頁失去焦點時網(wǎng)頁Title改變,需要的朋友可以參考下2017-06-06
echarts柱狀圖坐標(biāo)軸內(nèi)容顯示不全的兩種解決辦法
本文主要介紹了echarts柱狀圖坐標(biāo)軸內(nèi)容顯示不全的兩種解決辦法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
JS利用原生canvas實現(xiàn)圖形標(biāo)注功能
這篇文章主要為大家詳細(xì)介紹了JS如何利用原生canvas實現(xiàn)圖形標(biāo)注功能,支持矩形、多邊形、線段、圓形等已繪制的圖形進(jìn)行縮放,移動,需要的可以參考下2024-03-03
純js代碼實現(xiàn)未知寬高的元素在指定元素中垂直水平居中顯示
本章節(jié)介紹一下如何實現(xiàn)未知寬高的元素在指定元素下實現(xiàn)垂直水平居中效果,代碼簡單易懂,需要的朋友可以參考下本文2015-09-09

