iT邦幫忙

2021 iThome 鐵人賽

DAY 13
1
Software Development

從 JavaScript 角度學 Python系列 第 13

從 JavaScript 角度學 Python(13) - 輸出入資料

前言

接下來講一點比較互動性質的東西,其實也是為了下一個章節鋪陳,不然我真的快沒梗了 QQ

輸入資料

首先先聊聊 JavaScript 是如何互動這部分,通常如果需要使用者輸入資料,然後傳給 JavaScript 做一些計算的話,就會搭配 HTML Input 標籤與 JavaScript 語法。

最簡單的寫法就如下:

<input type="text" id="count">
var num = 0;
var count = document.querySelector('#count');
count.addEventListener('input', (e) => {
  num = e.target.value;
  console.log(num);
});

在上面程式碼中,我們可以看到我宣告了一個變數,並且設置一個 input 監聽事件,當我們在 HTML 畫面上按下按鍵輸入時,會觸發裡面的事件,將 #count 中的值取出來並放置到 num 變數中,相信聰明的你應該會知道 Input 標籤取出來的值都會是 String,所以通常來講我們會需要額外型別轉換,但這邊我們知道問題就好,底下我也附上 CodePen 給大家簡單玩一下:

(置入性行銷一下:十分鐘快速入門上手 CodePen(有中文翻譯)

那麼讓我們回到 Python 中,畢竟 Python 是後端語言,因此可以跟我們互動的東西就只有 Terminal (終端機)的畫面,而我們該如何使用 Python 來達到透過 Terminal 與使用者互動呢?

這邊會使用到一個函式叫做 input(),你可以把它想像成 HTMl 的 Input 標籤也可以,如果你覺得這樣比較好理解的話。

input() 函式非常的簡單,只是在撰寫上你必須使用一個變數去接收使用者輸入的值,因為這個函式是一個表達式,因此它會回傳一個值(如果你對於表達式不熟悉的話,建議可以 參閱此篇),除此之外 input() 函式內可以輸入你要提示使用者的訊息內容:

name = input('請輸入你的名字:')

https://ithelp.ithome.com.tw/upload/images/20210913/20119486nAjjXwoTvz.png

輸入完畢之後按下 Enter 按鍵就可以把使用者輸入的結果儲存到 name 變數中。

這邊額外講一下,如果你使用了 input() 函式的時候,Python 是會暫時卡在那邊的,所以你後面的 print() 是無法呈現的:

print('準備執行姓名召喚。')
name = input('請輸入你的名字:')
print('這一行會等使用者輸入完畢後才出現')
print(name)

https://ithelp.ithome.com.tw/upload/images/20210913/20119486pTEjXY1Vbg.png

https://ithelp.ithome.com.tw/upload/images/20210913/201194861aJpRWYC4I.png

這邊要注意一件事情,預設 input() 函式不論你輸入什麼值,一率都是回傳一個字串:

num = input('請輸入數字:')
print(type(name)) # <class 'str'>

因此如果期望結果是一個數值型別的話,可以使用 int() 包覆 input() 確保型別的正確性:

num = int(input('請輸入數字:'))
print(type(num)) # <class 'int'>

這邊的運作原理是 input 會先執行,當使用者輸入完畢之後會回傳使用者輸入的值,這時候這個值就會被 int() 給型別轉換。

但是這邊要小心一件事情,如果你輸入的是整數 (int()) 之外的型別,例如:浮點數(也就是小數點)的話就會出現型別錯誤:

https://ithelp.ithome.com.tw/upload/images/20210913/20119486UClLsaV4rL.png

額外提一件事情,在使用 Python2 的 input() 時要多加注意一些小細節,因為它會隨著使用者輸入的型別而變換型別,所以在 Python2 還有另一個函式叫做 raw_input(),這個函式的差異在於,使用者輸入的任何數值、浮點數等等,通通都會被當作一個字串,這只是一個小事項要注意而已。

因此在 Python3 的時候就將 input()raw_input() 整合再一起,僅保留 input(),而使用者輸入的任何值都會被當成一個字串回傳。

輸出資料

前面章節的許多地方我們都有一直使用到 print() 這個函式,想必大家都已經對它有一定的熟悉度。

但是...為什麼這邊還要特別提到它呢?當然是因為它還有一些特別好玩的騷操作,所以才會再拉出來聊一下。

https://ithelp.ithome.com.tw/upload/images/20210913/20119486KRd556NHpC.png

在 Python 官方文件我們可以看到 print() 是有相當多的參數的:

print(*objects, sep=' ', end='\n', file=sys.stdout, flush=False)

這邊先提一下「*objects」的意思是要被輸出的參數(值),如果要輸出多個參數(值)時就要使用「,」區隔,例如: print('a', 'b'),這個我們已經撰寫過許多次,所以就不再贅述。

因此就來聊一下 print() 兩個常用參數,分別是 sepend 參數。

sep 參數

sep 參數預設是空格,因此如果你輸入這一段 print('hsiangfeng', 'github', 'io') 的時候會得到像這樣的結果:

print('hsiangfeng', 'github', 'io') # hsiangfeng github io

所以你也可以想像原本 print('hsiangfeng', 'github', 'io') 要輸出成 hsiangfeng,github,io,只是 sep 參數的關係,而將逗號替換成了空格罷了。

這邊來額外舉例另一個例子,假設今天有一個 print('hsiangfeng', 'github', 'io'),我希望它輸出的時候要變成 hsiangfeng.github.io,那麼就可以使用 sep 來替換原本的空格:

print('hsiangfeng', 'github', 'io', sep='.') # hsiangfeng.github.io

因此善加利用 sep 參數還可以做到以下這種可愛的寫法:

print('Hello', 'World', 'Hello', 'Python', sep='( ̄ω ̄)') # Hello( ̄ω ̄)World( ̄ω ̄)Hello( ̄ω ̄)Python

end 參數

end 參數也是一個非常常使用的參數,它的預設參數是 \n,這是什麼意思呢?簡單來講就是輸出時的結尾換行符號,如果你將 end 更改之後在輸入以下程式碼就會發現呈現結果變了:

print('a', end='|')
print('b', end='|') # 變成 a|b| 一行

https://ithelp.ithome.com.tw/upload/images/20210913/20119486RWpunIiDXu.png

你可以比較一下沒有替換替換 end 之後的差異:

https://ithelp.ithome.com.tw/upload/images/20210913/201194867uAybjM5xq.png

基本上 fileflush 就比較少調整了,所以就不多介紹了。

其實滿多輸出的語法都有一些好玩的特性,就算是 JavaScript 也是一樣,不只有 console.log 等等唷。

參考文獻

作者的話

紹興酒做的紹興蛋確實真的不錯吃,但是在製作紹興蛋基本上滿建議先做一些事前準備,準備一片當歸、些許枸杞下去稍微煮一下,煮過後將當歸片挑起來,然後將湯汁放冷,屆時再加入約 200cc 的紹興酒,然後蛋在丟進去湯汁內冷藏一天就可以了。

關於兔兔們

兔法無邊


上一篇
從 JavaScript 角度學 Python(12) - 運算子
下一篇
從 JavaScript 角度學 Python(14) - BMI 計算(2)
系列文
從 JavaScript 角度學 Python31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言