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

