搜尋
首頁web前端js教程javascript每日必學之運算子_javascript技巧

  讀者朋友們好,前面我已經大概的了解了Javascript的作用以及一些基本的函數聲明與變數聲明,今天我們就接著前面的內容講解,我們就來看一下javscript的邏輯(正序,分支,循環)以及一些簡單的運算子

下面我們就來講一些簡單的操作運算子

  • + 加號:1.用來計算兩個數字相加總和,2.用來拼接兩個字串
  • - 減號:1.用來計算兩個數字相減之差,2.用在一個數字前面來識別成一個負數
  • * 乘號:用來計算兩具數字相乘之積
  • / 除號:用來計算被除數除以除數後,所得的商數
  • % 取餘:用來計算被除數除以除數後,所得的餘數(這裡計算是整除,將取得整除後的餘數)
  • = 賦值:用來把一個值(可以是對象,函數,數字,字串,布林)賦值給一個變數

  在這裡,我們可以清楚地看到運算子把運算的結果給顯示了出來,加減乘除我就不用再贅述贅述,相信大家的計算能應該都比我好,因為我只是中學畢業而已,稍微要多說一點的就是取餘運算,看到上面的例子5%2 取餘得1,是這樣計算的,5÷ 2 = 2 …… 1 ,這個在小學二年級就應該看到過的計算吧,被除數÷ 除數= 商… 餘數,這個餘數就是取餘運算的結果,還要就是昨天已經提及過的等於符號,就是用來賦值的var temp = 值; 我們用var 關鍵字來聲明變量,用= 來給你賦值,值的類型可以是對象,函數,數字,字符串,布爾;前面已經給大家說了,函數是什麼,就是用function來聲明的一個函數體,那就是函數,數字不用說吧,字串,就用引號包含的一串字串,布林值,就是只有兩個值的一種類型,true 和false,沒有第三種。

  接一來我們來看一下各種值的樣子吧

//这里我们给了一个空对象(null)
  var temp_1 = null;
  //这里我们给一个函数
  var temp_2 = function(){
   console.log("Write Something");
  };
  //这里我们给了一个字符串
  var temp_3 = "My name is MrDream";
  //这里我们给了一个boolean值
  var temp_4 = true;

這些基本操作,大家應該是一目了然,希望讀者朋友看到這些基礎的東西時候,現在不要著急,現在我們還處於入門介紹講解階段,所以這些基礎的東西,大家必須要明白,到後面的文章,我還會講更多的東西,不然,基礎不打好,後面,我講一些你們到時候覺得牛逼的東西時,你們如果只能拿去複製代碼使用就沒有意思,不能自主寫出一些自己想要的東西。

下面我們再來進一步理解運算子的小小升級後是什麼樣的? (註:目前,我只說一些基本的運算符,還有一些特殊的運算符,後面我會在一些應用中講解,到時候理解才更深刻)

  • += 加等:先把兩個操作對象進行相加運算,然後再把相加後的值賦值給第一個操作對象
  • -= 減等:先把兩個操作對象進行相減運算,然後再把相加後的值賦值給第一個操作對象
  • *= 乘等:先把兩個操作物件進行相乘運算,然後再把相加後的值賦值給第一個操作物件
  • /= 除等:先把兩個操作物件進行相除運算,然後再把相加後的值賦值給第一個操作物件
  • %= 餘等:先把兩個操作物件取餘運算,然後再把相加後的值賦值給第一個操作物件

再來一些與簡單的比較判斷運算子

  • == 等於:判斷運算子兩邊的物件是否相等
  • === 絕對等於:判斷運算子兩邊的物件是否絕對相等
  • !== 絕對不等於:判斷運算子兩邊的物件是否絕對不相等
  • != 不等於:判斷運算子兩邊的物件是否不相等
  • || 或(或):先判斷運算子左右兩邊的物件是否為"非空物件或非未定義物件",如果兩個都是,就傳回右為值,如果有一個值不是,就回傳不是那個值
  • && 並且(與):首先判斷運算子左右兩邊的物件是否為"非空物件或非未定義物件",如果兩都不是,就傳回右邊值,如果有一個值是,就回傳是的那個值,如果兩個都是,就回到左邊那個。
  • ! 取反(非):把一個值轉換成布林值後,再取反

(註:這裡提及到的或者,並且,取反運算符,我是用大家一般的理解邏輯去講的,其實內部操作,是涉及到二進制的或與非運算產生的結果,我們面說到二進制的時候再詳說)下面我們來看一些例子

下面就講一點或與非的操作,理解上就多了一點難度了

看圖說話,A處,因為運算子左邊未定義對象,所以返回右邊的值;B處,因為左邊是空對象,所以返回右邊的值;C處,因為左邊有實在的值數字123 ,所以回傳123;D處因為左邊是實在的值數字-1,所以回到左邊的值。補充一條:數0也是個特殊值,如果左邊是0,那麼就會回傳右為的值。

小結一下或運算子的作用:就用來查看運算子左右兩邊是否是未定義值,空值,0,false,如果左邊是這些值,就返回右邊的值,如果左邊不是這些類型的值,就回傳左邊的值。

  接著與操作

仍然看圖說話,A處:左右分別為未定義對象和空對象,返回左邊的值;B處左邊是空對象,所以返回左邊;C處:右邊是未定義對象,所以返回右邊值;D處:與C處同理;E處:兩都是非空對象,左邊的布爾值是true,所以返回右邊;F處與E處同理;G處:因為左邊是0,與未定義對象,空物件以及false同級,所以回傳左邊值。

  最後一個就是非操作

繼續看圖說話,A處:操作是0 false null 未定義之類的值,取返,就獲得了布爾值的true;B處:都是對實實在在的值取反操作,獲得的主是布林值false。我們可以總結出,取反得到的就是布林值,不實際的值取反就是正確,實際的值取反就是錯誤。

  好了,今天就寫到這裡,總結一下,今天,其實也就講了一些很基本的運算符,但是運算符的個數有點多,所以還是寫了這麼對,才將其表述完,還有一些特殊的操作符,我們以後再說,只要每天進步一點點,成就一代大神也不是夢。

陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
Python vs. JavaScript:開發人員的比較分析Python vs. JavaScript:開發人員的比較分析May 09, 2025 am 12:22 AM

Python和JavaScript的主要區別在於類型系統和應用場景。 1.Python使用動態類型,適合科學計算和數據分析。 2.JavaScript採用弱類型,廣泛用於前端和全棧開發。兩者在異步編程和性能優化上各有優勢,選擇時應根據項目需求決定。

Python vs. JavaScript:選擇合適的工具Python vs. JavaScript:選擇合適的工具May 08, 2025 am 12:10 AM

選擇Python還是JavaScript取決於項目類型:1)數據科學和自動化任務選擇Python;2)前端和全棧開發選擇JavaScript。 Python因其在數據處理和自動化方面的強大庫而備受青睞,而JavaScript則因其在網頁交互和全棧開發中的優勢而不可或缺。

Python和JavaScript:了解每個的優勢Python和JavaScript:了解每個的優勢May 06, 2025 am 12:15 AM

Python和JavaScript各有優勢,選擇取決於項目需求和個人偏好。 1.Python易學,語法簡潔,適用於數據科學和後端開發,但執行速度較慢。 2.JavaScript在前端開發中無處不在,異步編程能力強,Node.js使其適用於全棧開發,但語法可能複雜且易出錯。

JavaScript的核心:它是在C還是C上構建的?JavaScript的核心:它是在C還是C上構建的?May 05, 2025 am 12:07 AM

javascriptisnotbuiltoncorc; sanInterpretedlanguagethatrunsonenginesoftenwritteninc.1)JavascriptwasdesignedAsignedAsalightWeight,drackendedlanguageforwebbrowsers.2)Enginesevolvedfromsimpleterterpretpretpretpretpreterterpretpretpretpretpretpretpretpretpretcompilerers,典型地,替代品。

JavaScript應用程序:從前端到後端JavaScript應用程序:從前端到後端May 04, 2025 am 12:12 AM

JavaScript可用於前端和後端開發。前端通過DOM操作增強用戶體驗,後端通過Node.js處理服務器任務。 1.前端示例:改變網頁文本內容。 2.後端示例:創建Node.js服務器。

Python vs. JavaScript:您應該學到哪種語言?Python vs. JavaScript:您應該學到哪種語言?May 03, 2025 am 12:10 AM

選擇Python還是JavaScript應基於職業發展、學習曲線和生態系統:1)職業發展:Python適合數據科學和後端開發,JavaScript適合前端和全棧開發。 2)學習曲線:Python語法簡潔,適合初學者;JavaScript語法靈活。 3)生態系統:Python有豐富的科學計算庫,JavaScript有強大的前端框架。

JavaScript框架:為現代網絡開發提供動力JavaScript框架:為現代網絡開發提供動力May 02, 2025 am 12:04 AM

JavaScript框架的強大之處在於簡化開發、提升用戶體驗和應用性能。選擇框架時應考慮:1.項目規模和復雜度,2.團隊經驗,3.生態系統和社區支持。

JavaScript,C和瀏覽器之間的關係JavaScript,C和瀏覽器之間的關係May 01, 2025 am 12:06 AM

引言我知道你可能會覺得奇怪,JavaScript、C 和瀏覽器之間到底有什麼關係?它們之間看似毫無關聯,但實際上,它們在現代網絡開發中扮演著非常重要的角色。今天我們就來深入探討一下這三者之間的緊密聯繫。通過這篇文章,你將了解到JavaScript如何在瀏覽器中運行,C 在瀏覽器引擎中的作用,以及它們如何共同推動網頁的渲染和交互。 JavaScript與瀏覽器的關係我們都知道,JavaScript是前端開發的核心語言,它直接在瀏覽器中運行,讓網頁變得生動有趣。你是否曾經想過,為什麼JavaScr

See all articles

熱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

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

熱工具

SecLists

SecLists

SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合,這些清單在安全評估過程中經常使用,而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表,幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上,他就可以存取所需的每種類型的清單。

PhpStorm Mac 版本

PhpStorm Mac 版本

最新(2018.2.1 )專業的PHP整合開發工具

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

mPDF

mPDF

mPDF是一個PHP庫,可以從UTF-8編碼的HTML產生PDF檔案。原作者Ian Back編寫mPDF以從他的網站上「即時」輸出PDF文件,並處理不同的語言。與原始腳本如HTML2FPDF相比,它的速度較慢,並且在使用Unicode字體時產生的檔案較大,但支援CSS樣式等,並進行了大量增強。支援幾乎所有語言,包括RTL(阿拉伯語和希伯來語)和CJK(中日韓)。支援嵌套的區塊級元素(如P、DIV),

EditPlus 中文破解版

EditPlus 中文破解版

體積小,語法高亮,不支援程式碼提示功能