目錄
運算子
首頁 web前端 js教程 手把手帶你了解JavaScript運算子基礎

手把手帶你了解JavaScript運算子基礎

Oct 12, 2021 am 10:27 AM
javascript 前端 運算符

這篇文章帶大家了解一下JavaScript關於運算子的基礎知識:算數運算子、遞增/遞減運算子、比較運算子、三元運算子。希望對大家有幫助。

手把手帶你了解JavaScript運算子基礎

運算子

1 算數運算子

  • 概   念:就是進行加減乘除,取餘計算的運算子

#注意
:在進行算術運算的時候,浮點數(小數)運算可能會產生精確度問題

  • 2 遞增、遞減運算子


    #運算子:
  • --

    (a 、a--、 a、--a)
  • //前置递增运算符
    var num = 1;
    ++num //或者num++
    console.log(num)//结果为2
     
    //++num 相当于是 num = num + 1
    //前置++ 是先做自增再做其他运算
     
     
     
     
    //前置递减运算符
    var num = 1;
    --num //或者num--
    console.log(num)//结果为0
     
    //--num 相当于是 num = num - 1
    //前置-- 是先做自减再做其他运算
    登入後複製
  • 3 比較運算子

  • 運算子:>  ,  <   ,  >=   , <=,  == ,  !=,  ===,  !==

  • 注意
:越越長小先執行

>  ,  <   ,  >=   , <=  優先權是6

== ,  !=,  ===,  !==  優先權是7

==:判斷兩邊的資料中的值是否相等(不同資料型別時會轉為相同資料型別轉換18=='18' // true)

===:兩遍的資料中的值,資料的型別是否相同(18==='18' // false)

#########4 邏輯運算子###################邏輯與(&&):### ############如果使用的是&& 符號,表示只有當兩個條件都成立(true) 的情況,整個表達式的結果才是真,只要有一個條件為false,表達式的結果就是假############邏輯與的中斷:############因為與運算是要所有條件都成立,最終與運算結果才為true,如果有條件不成立,與運算的結果就是假#########
var age = 18
var num ;
age>18 && (num = 998);
 
//因为 age>18没有成立,逻辑与就已经得到结果为假
//所以当逻辑与计算完毕之后,后面的num=998就不会再运行了
登入後複製
###邏輯或(||):############只要有條件成立,表達式的結果就為真,只有所有條件都不成立的情況下,表達式的結果才會為假。 ############邏輯或的中斷:###
var age = 18;
var num;
age == 18 || (num = 998);
 
 //因为 age==18成立,逻辑或就已经得到结果为真
//所以当逻辑或计算完毕之后,后面的num=998就不会再运行了
登入後複製
###邏輯非(!):取反真為假,假為真###
var a = 5;
!(a > 1)//a等于5,所以大于1为真(true),因为取反,所以这个表达式为假(false)
登入後複製
###### 5三元運算子:?:#########可以把它理解為if雙分支的簡化寫法######語法結構:#####
表达式1 ? 表达式2 : 表达式3
登入後複製
###當表達式1成立的時候,就會執行表達式2######當表達式1不成立的時候,就會執行表達式3###
var a,b=2,c=3;
a=b>2?b:c; //运行结果是a为3,b大于2为真就返回b给a,为假返回c给a,因为b不大于2,所以返回c给a
登入後複製
###【推薦學習:###javascript高階教學### 】###

以上是手把手帶你了解JavaScript運算子基礎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

PHP與Vue:完美搭檔的前端開發利器 PHP與Vue:完美搭檔的前端開發利器 Mar 16, 2024 pm 12:09 PM

PHP與Vue:完美搭檔的前端開發利器在當今網路快速發展的時代,前端開發變得愈發重要。隨著使用者對網站和應用的體驗要求越來越高,前端開發人員需要使用更有效率和靈活的工具來創建響應式和互動式的介面。 PHP和Vue.js作為前端開發領域的兩個重要技術,搭配起來可以稱得上是完美的利器。本文將探討PHP和Vue的結合,以及詳細的程式碼範例,幫助讀者更好地理解和應用這兩

C語言中+=運算子的意義與用法解析 C語言中+=運算子的意義與用法解析 Apr 03, 2024 pm 02:27 PM

+=運算子用於將左操作數的值加上右操作數的值,並將結果賦值給左操作數,適用於數字類型且左操作數必須可寫。

Python 語法的心智圖:深入理解程式碼結構 Python 語法的心智圖:深入理解程式碼結構 Feb 21, 2024 am 09:00 AM

python憑藉其簡單易讀的語法,廣泛應用於廣泛的領域。掌握Python語法的基礎架構至關重要,既可以提高程式效率,又能深入理解程式碼的運作方式。為此,本文提供了一個全面的心智圖,詳細闡述了Python語法的各個面向。變數和資料類型變數是Python中用於儲存資料的容器。心智圖展示了常見的Python資料類型,包括整數、浮點數、字串、布林值和列表。每個資料類型都有其自身的特性和操作方法。運算符運算符用於對資料類型執行各種操作。心智圖涵蓋了Python中的不同運算子類型,例如算術運算子、比

簡易JavaScript教學:取得HTTP狀態碼的方法 簡易JavaScript教學:取得HTTP狀態碼的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教學:如何取得HTTP狀態碼,需要具體程式碼範例前言:在Web開發中,經常會涉及到與伺服器進行資料互動的場景。在與伺服器進行通訊時,我們經常需要取得傳回的HTTP狀態碼來判斷操作是否成功,並根據不同的狀態碼來進行對應的處理。本篇文章將教你如何使用JavaScript來取得HTTP狀態碼,並提供一些實用的程式碼範例。使用XMLHttpRequest

Django是前端還是後端?一探究竟! Django是前端還是後端?一探究竟! Jan 19, 2024 am 08:37 AM

Django是一個由Python編寫的web應用框架,它強調快速開發和乾淨方法。儘管Django是web框架,但要回答Django是前端還是後端這個問題,需要深入理解前後端的概念。前端是指使用者直接和互動的介面,後端是指伺服器端的程序,他們透過HTTP協定進行資料的互動。在前端和後端分離的情況下,前後端程式可以獨立開發,分別實現業務邏輯和互動效果,資料的交

前端面試官常問的問題 前端面試官常問的問題 Mar 19, 2024 pm 02:24 PM

在前端開發面試中,常見問題涵蓋廣泛,包括HTML/CSS基礎、JavaScript基礎、框架和函式庫、專案經驗、演算法和資料結構、效能最佳化、跨域請求、前端工程化、設計模式以及新技術和趨勢。面試官的問題旨在評估候選人的技術技能、專案經驗以及對行業趨勢的理解。因此,應試者應充分準備這些方面,以展現自己的能力和專業知識。

Go語言前端技術探秘:前端開發新視野 Go語言前端技術探秘:前端開發新視野 Mar 28, 2024 pm 01:06 PM

Go語言作為一種快速、高效的程式語言,在後端開發領域廣受歡迎。然而,很少有人將Go語言與前端開發聯繫起來。事實上,使用Go語言進行前端開發不僅可以提高效率,還能為開發者帶來全新的視野。本文將探討使用Go語言進行前端開發的可能性,並提供具體的程式碼範例,幫助讀者更了解這一領域。在傳統的前端開發中,通常會使用JavaScript、HTML和CSS來建立使用者介面

Django:前端和後端開發都能搞定的神奇框架! Django:前端和後端開發都能搞定的神奇框架! Jan 19, 2024 am 08:52 AM

Django:前端和後端開發都能搞定的神奇框架! Django是一個高效、可擴展的網路應用程式框架。它能夠支援多種Web開發模式,包括MVC和MTV,可以輕鬆地開發出高品質的Web應用程式。 Django不僅支援後端開發,還能夠快速建構出前端的介面,透過模板語言,實現靈活的視圖展示。 Django把前端開發和後端開發融合成了一種無縫的整合,讓開發人員不必專門學習

See all articles