發表文章

目前顯示的是 10月, 2019的文章

JavaScript入門教學看這裡!(5)賦值運算子

-
圖片
今天要教JavaScript的 賦值運算子!向上篇一樣,有表格讓你一目瞭然! JavaScript JavaScript 中的賦值運算子，賦值運算符是「=」。第一次接觸程式碼的人可能會以為它是「等於」，其實不是。它實際上意味著把右邊表達式的值賦給左邊的運算數。 JavaScript 賦值運算子 敘述 範例 ＝ x = y x = y +＝ x += y x = x + y -＝ x -＝ y x = x - y *＝ x *＝ y x = x * y /＝ x /= y x = x / y %＝ x %= y x = x % y 你可以在 JavaScript 中的同一行中，使用多種運算子，如在下面例子所示： < See the Pen 賦值運算子｜Math Operator｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen . 而今天的 JavaScript 教學 也提供給你個例子，你也可以運用多種變數，請看以下例子： See the Pen Addition-2｜Math Operator｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen . 相關文章： JavaScript入門教學看這裡!(6)邏輯運算子 JavaScript入門教學看這裡!(1)如何在網頁中嵌入它 JavaScript入門教學看這裡!(2)變數 還不知道Python和java的分別?這超詳盡文章整理給你! 讓Google找上門？學了Python課程你也可以 暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~ 達內教育開幕　培養台灣IT人才進入全球企業
閱讀完整內容

JavaScript入門教學看這裡!(4)數學運算子

-
圖片
JavaScript的數學運算子裡面包含哪些內容?今天一步一步帶你來看! 數學運算子 JavaScript 中的數學運算子，作用是對數字（文字的形式或是變數的形式）進行函式運算。 運算子 敘述 範例 + 加號 1 + 1 = 2 - 減號 2 - 1 = 1 * 乘號 2 * 3 = 6 / 除號 10 / 2 = 5 -- 減去 var a = 10; a--; Now a =9 % 餘數 20 % 3 = 2 ++ 遞增 var a = 10; a++; Now a =10 -- 遞減 var a = 10; a--; Now a =9 在今天的 JavaScript教學 提供的例子中（請看以下），加號運算子是用來決定兩個數的和： See the Pen Addition｜Math Operator｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen . 你也可以運用多種變數，例子如下： See the Pen Addition-2｜Math Operator｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen . 承第一個例子，試想一下，如果我們把「var x = 20 + 30」使用字串表示，變成「var x = "20 + 30"」的話，答案就不會是 20 + 30 的和，而是以字串形式呈現如下： See the Pen Addition-string｜Math Operator｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen . 減、乘、除運算子 四則運算中，除了上述介紹的加號運算子外， JavaScript 的減、乘、除運算子範例如下： See the Pen 減、成、除運算...
閱讀完整內容

JavaScript入門教學看這裡!(3)資料類型

-
圖片
懂了JavaScript變數,現在必須知道它可以支援那些資料類型!準備好就趕快看下去! 資料類型 「資料類型（Data Types）」是關於一個可以運行程式中的值的種類。 JavaScript 變數可支援各種資料類型，例如數字（類型）、陣列（類型）、字串（類型）等。 不同於其他的程式語言，JavaScript 不會特別因「不同的數值類型（如整數、數值長短、浮點等）」而賦予不同的定義。 JavaScript 的數值，可以帶小數點的，或是整數的形式呈現。 See the Pen Data Type-1 by Tedutw ( @Tedutw ) on CodePen .   浮點數 沒錯， JavaScript教學 一定會提醒你：JavaScript的數字也可以有小數點的喔！ 請見下例所示： See the Pen Float｜Data Value｜JavaScript Tutorial by Tedutw ( @Tedutw ) on CodePen .   字串（Strings） JavaScript 「字串（Strings）」被用以承裝、處理文字。 一個字串可以是引號中的任何文字。這對引號可以使用單引號或是雙引號，如下範例： var name = 'Márquez'; var text = "His name is Marc Márquez"; 你可以在引號中，再加入引號。如單引號中加入雙引號、雙引號中放置單引號。只要兩種引號不要一樣就好。 var text = "His name is 'Marc Márquez'"; var text = 'and his opponent's name is "Valentino Rossi"'; 承上例，除了使用不同樣式的引號外，我們還可以使用反斜杠（\），如下所示： var text = "His name is \"Marc Márquez\""; var text = 'and his opponent's name is \...
閱讀完整內容

JavaScript入門教學看這裡!(2)變數

-
圖片
JavaScript的變數該怎麼使用?又該怎麼命名,今天一次交給你! 變數 「變數（Variables）」可說是用來承裝資料數值的容器。在同一程式中，變數的值是可以改變的。 在 JavaScript 中，以「var」來宣告變數。寫法如下所示： var x = 777; 在上述例子中，數值 777 被指定給變數 x。 JavaScript 對於字體的大小寫是敏感的，大小寫被視為不同的變數，例如變數「Name」與「name」，將被視為不同的變數。 等號 在 JavaScript 中，等號 (=) 被稱作「分配」運算子，而不是「等於」運算子。 例如，「x = y」就是「把數值 y 分配給 x」，而不是「y 等於 x」。 使用變數 現在，我們將一個值「777」分配給一個變數「x」，並將其輸出。程式碼與結果如下： See the Pen var.js by Tedutw ( @Tedutw ) on CodePen . 為變數命名 JavaScript 的變數名稱，對於字體的大小寫是敏感的，大小寫被視為不同的變數。如下例，我們將 x 由小寫改為大寫，程式碼與結果如下： var x = 100; document.write(X); See the Pen Naming Variables by Tedutw ( @Tedutw ) on CodePen . 因為大小寫不同的緣故，所以 x 與 X 被判定為不同的變數。因此上面的程式碼並沒有產出任何的結果。 JavaScript教學 在這提供給你變數命名的原則： - 命名的第一個字，必須是英文字母、底線（_）或是貨幣符號（$）。後續的字可以是英文字母、數字（注意：數字不能作為第一個字）、底線或是貨幣符號（$） - 變數名稱不能包含一個算數或是邏輯運算子，像是加（+）減（-）乘（*）除（/）的的記號都不能用。注意：連接線（-）會被視為減號，因此命名中也不能含連接線。） - 變數名稱不能包含特殊符號，例如「my#num」、「num%」等。 - 任何的 JavaScript 名稱都不能含有空白字元。 - 以下圖片為「JavaScript 保留字」一覽表， 表中的任何字都不能用於命名變數。 ...
閱讀完整內容

JavaScript入門教學看這裡!(1)如何在網頁中嵌入它

-
圖片
如何在網站中嵌入JavaScript?初學者的你還不快繼續看下去! JavaScript 簡介 JavaScript 跟Python一樣，是目前最普遍的程式語言之一。它常用被於網頁前端開發。JavaScript 還可為網頁添增互動元素、進行數據處理，另外，它也被拿來創建各種應用程式（行動裝置 App、桌上型電腦的應用程式、遊戲等。） 來了第一次的 JavaScript教學 ，就來寫你的第一個 JavaScript 程式吧！ 首先，讓我們一起來使用 JavaScript 寫出第一支程式：讓瀏覽器上顯示「Hello World!」字樣，程式碼如下： See the Pen My first JavaScript by Tedutw ( @Tedutw ) on CodePen . 由以上程式碼可知：函數「document.write（）」可寫入字串在 HTML 檔案中。此功能可用於編寫文字檔案以及 HTML 檔。   如何在網頁中寫入 JavaScript 腳本 我們可以在 HTML 檔中，寫入任意數量的腳本（script，JavaScript 的別稱，也可以「.js」稱呼）。通常，腳本標籤「<script>...</script>」會放在 HTML 的 <head> 與 </head> 中間： <html> <head> <script> </script> </head> <body> </body> </html>   嵌入外部的 JavaScript 除了上述可直接在 HTML 檔案中寫入 JavaScript 腳本之外，我們還可以嵌入外部現成的 JavaScript 檔案。這類現成的 JavaScript 的檔案類型為 .js 檔。嵌入外部檔的語法為「<script src="檔案名稱">...</script>」，可以放在<head>...</head>標籤或是<body>...</body>標籤之內。 舉...
閱讀完整內容

Python控制結構一點就通!(終)實作簡單的計算機

-
圖片
Python控制結構的最後一篇,來看看如何實作一個簡單的計算器! 本 Python教學 文是 Python 項目實做：一個簡單的計算器。本實作應用了前面的Python教學文章，其中包含Python的基本函數與概念，有 while 迴圈 、 if 條件判斷式 、 elif 寫法 、 type conversion類型轉換 。 每個部分說明了 Python 程式的不同部分。 第一部分是計算機的起始畫面，讓用戶一直不斷輸入，直到用戶輸入「exit」為止，因此使用了 while 迴圈 。 while True: print("選項:") print("輸入 '+' 讓兩個數值互加") print("輸入 '-' 讓兩個數值互減") print("輸入 '*' 讓兩個數值互乘") print("輸入 '/' 讓兩個數值互除") print("輸入 'exit' 來結束程式") user_input = input(": ") if user_input == "exit": break elif user_input == "+": ... elif user_input == "-": ... elif user_input == "*": ... elif user_input == "/": ... else: print("不知道你在輸入什麼") 上述程式還沒寫完呢！只完成了起始畫面與結構。接下來我們針對每個小部分來寫 Python 程式碼： 加法的部分： elif user_input == "+": num1 = float(input("請輸入數字:")) num2 = fl...
閱讀完整內容

Python控制結構一點就通!(10)for迴圈

-
圖片
Python的While迴圈和for迴圈可不一樣!怎麼說?這不就要娓娓道來了嗎~ 看這一篇之前，建議先看這一篇 Python教學 ：「 Python控制結構5.while 迴圈 」複習 while 迴圈。 Python 中，若我們要多次重複執行一個指令，我們可以使用迴圈（loops)。迴圈中的程式碼會用以下的方式執行指令：1、按照所指定的次數，重複執行；2、重複執行，直到特定的條件成立時結束；3、針對某一集合（例如： Python list串列之中的物件）中的所有項目，都各執行一次。 for 迴圈 vs. while 迴圈 先前我們曾經介紹過的 while 迴圈 用法與 if 條件判斷式 相似，只要給予的條件成立（即為「True(真)」），它就會執行。不同的是執行次數，if 只執行一次；while 迴圈則輪迴執行無限多次 (除非有設定讓迴圈結束的條件且條件成立)。 while 迴圈只要「沒有」另外設定「迴圈結束的條件(如：if 、break)」，迴圈就會無限的循環。這次我們要介紹的 for 迴圈則是在一行內就 自帶計數功能的迴圈，可以將重複循環控制在固定的數量內。 讓我們來看看 Python教學 ，給的以下這個 while 迴圈的範例。起始值為「count=0」、調整值為「count = count + 1」、讓迴圈結束的條件為「<= 5」，如下所示： count=0 while count <= 5: print(count) count = count + 1 上述範例結果為： 0 1 2 3 4 5 上個範例，若我們把第二行的「count <= 5」抽掉，換成一個「合乎常理」的條件（例如 count = 0），這個 loop 就會「0,1,2,3,4,5,6,7⋯⋯」永無止盡的重複「+1」的動作。同個範例，若使用 for 迴圈，則在第一行就可以搭配 range數列 ，定義「終止值」。如下例： for count in range(0,6,1): print(count) 上述例子結果為: 0 1 2 3 4 5 有沒有發現，原本使用 while loop 需要 4 行的 coding，使用 for loop 卻只要兩行...
閱讀完整內容

Python控制結構一點就通!(9)Range數列生成

-
圖片
Python的函數百百種!今天要來帶你看的是"range"函數!還不熟悉的趕快抓住這機會! Python教學 中提到的「range」函數，它可以用來生成數字序列，若無指定，數字序列由「0」開始。下例指定數字序列生成到 20 個，如下例所示： numbers = list(range(20)) print(numbers) 上述範例結果為： [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19] Python 的「range」函數可以用來生成由零開始的數字序列，但是我們仍然可以指定起始值如下： numbers = list(range(7, 14)) print(numbers) print(range(20) == range(0, 20)) 上述例子結果為: [7, 8, 9, 10, 11, 12, 13] True 在 Python 中我們除了可以輸入兩個參數，指定序列的起始值外，還可以指定第三個參數（必須為整數）以定義每個數字中間間隔為多少。如下： numbers = list(range(7, 14, 2)) print(numbers) 上述例子結果： [7, 9, 11, 13] 下篇的 Python教學 要教你Python控制結構的for迴圈，敬請期待！ 相關文章： Python控制結構一點就通!(8)List串列的函數 Python控制結構一點就通!(10)for迴圈 Python控制結構一點就通!(終)實作簡單的計算機 邀你認識「KISS 原則」神奇的網路行銷課程 Python人工智慧對人類的影響到底大不大!?(上) 暑假快到了！與其讓兒子盲目拚學測，我寧可讓他先選擇人生方向~ 達內課程先就業再付款- 中時電子報
閱讀完整內容

Python控制結構一點就通!(8)List串列的函數

-
圖片
Python的List串列函數都還沒提到呢!函數append,insert,index,len通通一網打盡! 在 Python 的 List 串列【基本的List串列說明，請參考之前的 Python教學 ： Python控制結構6.List串列 】中，我們不僅可以隨意替換、索引 List 中的物件【請參考： Python控制結構7.List串列與其他運算子的應用 】 我們可以使用「append」來增加串列中的物件。如下例所示： GearList = ["BCD", "調節器", "蛙鞋"] GearList.append("潛水面罩") print(GearList) 上述範例結果為： ['BCD', '調節器', '蛙鞋', '潛水面罩'] 我們可以使用「len」來計算 List 串列中有多少物件： GearList = ["BCD", "調節器", "蛙鞋"] print(len(GearList)) 上述例子結果為「3」。 「len」可與「append」合用， Python 語法範例如下： GearList = ["BCD", "調節器", "蛙鞋"] GearList.append("潛水面罩") print(len(GearList)) 上述例子結果為「4」。 剛剛提到，在 Python 中我們可以使用「append」來增加串列中的物件。但是「append」都是把物件增加在串列的最後面。若希望物件增加到串列的中間，就用「insert」: GearList = ["BCD", "調節器", "蛙鞋"] index=1 GearList.insert(index,"潛水面罩") print(GearList) 結果為： ['BCD', '潛水面罩', '調節器', ...
閱讀完整內容

Python控制結構一點就通!(7)List串列與其他運算子

-
圖片
  Python的Lsit串列,還有更多你該學的呢!這篇教你如何對它的物件"動手腳"! List 串列-重新定義物件 在「 Python控制結構6.List串列 」中，我們了解了基本的 List串列索引的概念。而今天的 Python教學 要告訴你，在 Python 中，同一 List 串列內的任一物件（元素），不是固定的，物件是可以隨時替換的，如下： GearList = ["BCD", "調節器", "蛙鞋", "潛水面罩", "氣瓶", "潛水衣"] GearList[5] = "Dry Suit" print(GearList) 上述範例結果為： ['BCD', '調節器', '蛙鞋', '潛水面罩', '氣瓶', 'Dry Suit'] 是否注意到最後一個物件（索引編號：5）從 "潛水衣" 變成了 "Dry Suit"? List 串列-print時增加、複製物件 在 Python 中，也可以使用運算子「+」、「*」，來使 List 串列被輸出時，可以增加、複製物件。如下面例子所示： GearList = ["BCD", "調節器", "蛙鞋", "潛水面罩", "氣瓶", "潛水衣"] print(GearList+["潛水電腦"]) print(GearList*2) 結果如下（以一行指令、一行輸出結果的方式表示）： >>> print(GearList+["潛水電腦"]) ['BCD', '調節器', '蛙鞋', '潛水面罩', '氣瓶', '潛水衣', '潛水電腦'] >>> pri...
閱讀完整內容