1 + "1" = ?

閱讀時間約 3 分鐘

今天要來討論JS的 1 + "1"
如果當兩個操作數都是數字時,+ 會執行數字相加。例如,1 + 1 結果是 2

那如果是"1"+"1",就變成字符串相加變成11

那我們今天要講的是1 + "1",答案是11,為甚麼呢?
這是一個類型強制轉換,今天當 + 遇到不一樣的類型時,JavaScript 首先會嘗試將非字符串轉換為字符串,他會去識別到一個是數字,一個是字串,然後JavaScript就會將數字 1 強制轉換為字符串 "1",變成11進行字符串連接。

一旦遇到字符串,後面的加法都變成字符串連接。

像這樣console.log("1" + 1 + 1); // 輸出: "111"

那延伸來講~
變數 :
他是儲存數據的容器。在不同的編譯語言中,變數的聲明和使用方式也會有所不同。

let num = 5;  // 數字型變數
let text = "Hello"; // 字符串型變數
let isTrue = true; // 布林值變數

console.log(num + 3); // 8
console.log(text + " World"); // Hello World

那不一樣的變數類型和操作方式都會影響程式的行為結果

console.log(1 + "1");  //  "11" (字符串拼接)
console.log(1 - "1"); // 0 (減法運算符 - 預期其操作數是數字)


函式 :

接受參數返回值 :

function add(a, b) {
return a + b;
}

console.log(add(1, 2)); // 3
console.log(add("1", "2")); // "12"


判斷式 :

根據不同條件執行不同的代碼 :

let age = 20;
if (age >= 18) {
console.log("adult");
} else {
console.log("kid");
}


迴圈 :

迴圈常用於重複執行程式碼,迴圈類型通常用 for

for (let i = 0; i < 5; i++) {
console.log(i + " + 1 = " + (i + 1));
}
//​0 + 1 = 1
//1 + 1 = 2
//2 + 1 = 3
//3 + 1 = 4
//4 + 1 = 5


參考資料 :

[ 技術筆記 ] JavaScript|何謂強制轉型(coercion)以及如何作到轉換型別 - Sunny Huang - Medium

    avatar-img
    3會員
    17內容數
    留言0
    查看全部
    avatar-img
    發表第一個留言支持創作者!
    郭欣玫的沙龍 的其他內容
    首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
    pure function 是甚麼呢? 最主要兩大特點 : 淺顯易懂的說法就是 : 對於有相同的輸入,就會有相同的輸出。 無副作用 : 不會去修改或依賴外部的狀態。 舉一個例子 : function add(a, b) { return a + b; } function裡面他帶入的
    Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
    Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
    簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言,這意味著它一次只能執行一件事,因此所有函式都需要排隊等待執行,這被稱為同步 (synchronous)。在同步操作中,若函式過多或過於複雜,會導致程式阻塞 (blo
    xhr 在下面的例子裡,我們首先建立了一個 XMLHttpRequest 物件,並使用 .open() 開啟一個 URL,最後使用 .send() 發出 request。 具體來說步驟有四個: 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
    首先要安裝vscode : Visual Studio Code - Code Editing. Redefined 安裝後我們就可以把她打開來,接著去檔案 -> 喜好設定 -> 設定檔(預設) -> 你就會看到設定裡面的 settings.json,就可以開始你的設定拉(主要是依照個人的喜好設定
    pure function 是甚麼呢? 最主要兩大特點 : 淺顯易懂的說法就是 : 對於有相同的輸入,就會有相同的輸出。 無副作用 : 不會去修改或依賴外部的狀態。 舉一個例子 : function add(a, b) { return a + b; } function裡面他帶入的
    Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
    Windows : 下載Git (git-scm.com)並按照指示安裝。 安裝完成後,你可以通過運行以下命令來確認安裝是否成功: git --version 初次設定GIT 接下來就是按照初次設定git,會需要配置你的用戶名和電子郵件地址,這些信息將被記錄在您提交的每個變更中。 git
    簡要說明 JavaScript 的 Event Loop JavaScript 是單執行緒 (single-threaded) 語言,這意味著它一次只能執行一件事,因此所有函式都需要排隊等待執行,這被稱為同步 (synchronous)。在同步操作中,若函式過多或過於複雜,會導致程式阻塞 (blo
    xhr 在下面的例子裡,我們首先建立了一個 XMLHttpRequest 物件,並使用 .open() 開啟一個 URL,最後使用 .send() 發出 request。 具體來說步驟有四個: 建立XMLHttpReque 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
    你可能也想看
    Google News 追蹤
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    1+1=2 是我們再熟悉不過的數學公式 不過,這簡單的數學公式,運用到生活中,又是不一樣的概念 怎麼說呢? 拿鞋子來比喻好了 鞋子裡面的鞋墊屬於消耗品,而你每天穿它,會縮短鞋墊的壽命,可能3個月就沒支撐性 如果有兩雙鞋子交替的穿,結果就不同了 因為有時間讓鞋墊慢慢回彈,回復原來的支稱
    知道我20歲就結婚的我,抑是日後談論婚姻的我,問我為何這麽早結婚,一般都認為先有後婚! 答案是否的,現在我給的答案也是,不知道耶,不知結婚為何物,為何而結婚,沒有答案耶! 話說民國68年左右,讀高二,半工半讀,認識剛退役的老公,在同公司上班,悄悄的談了戀愛,工廠的同事也都不知道,如常的畢了業,跟了
    Thumbnail
    最近我就像個熱衷於捉迷藏的探險家,可不是在尋找失落的寶藏,而是在探索人與人之間的奇妙相遇。我在想,是不是前世我們倆玩“我欠你一塊糖”的遊戲玩出了火花,於是今生我們就成了好基友?或者是我上輩子不小心踩了你的裙擺,今生你找我要回來了?
    Thumbnail
    各位早安,即便已是中午時間,我的心情仍像「早安」。 這幾天休假休得太高興,所以我等心情已經緩和後,才來寫點東西。 昨天宅在家一整天的我,像是個拖延症患者挑戰做事不拖延。最後用著拖延的心態把家務事都完成了,我覺得又心虛又有成就感,畢竟整個休假只做了打掃。畢竟整個休假,我把整個家都整理好了。
    Thumbnail
    創造力是最重要的領導特質,忌標準答案與經驗框架!舉凡在職場、生活中,人人都該擁有跳出框架束縛的能力,並持續保持創意思維。說起來容易,那具體該怎麼實踐呢?
    Thumbnail
    1+1=1(第二章 相遇) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(第一章 莫非定律) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(序) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    時逢九月正值秋高氣爽的好天氣,一個人拎著簡單行李搭上飛往香港的早班機,機外遼闊無垠的藍天美的讓人窒息,但我的心卻是沉重的,先前完全沒想過的問題此刻全湧上心頭,我的英文又不夠好,萬一這個做出口貿易公司的工作我無法勝任或者老闆覺得我不適合怎麼辦? 但我所有家當書籍已在海運途中,台灣房子也出租了,我是不
    Thumbnail
    這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
    Thumbnail
    11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
    Thumbnail
    Hi 大家好,我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本,也是最重要的一步。無論是在畫室裡長時間對著畫布,還是在旅途中面對各種氣候變化,保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水,還能提升後續保養品的吸收效率。 曾經,我的保養程序簡單到只包括清潔和隨意上乳液
    Thumbnail
    1+1=2 是我們再熟悉不過的數學公式 不過,這簡單的數學公式,運用到生活中,又是不一樣的概念 怎麼說呢? 拿鞋子來比喻好了 鞋子裡面的鞋墊屬於消耗品,而你每天穿它,會縮短鞋墊的壽命,可能3個月就沒支撐性 如果有兩雙鞋子交替的穿,結果就不同了 因為有時間讓鞋墊慢慢回彈,回復原來的支稱
    知道我20歲就結婚的我,抑是日後談論婚姻的我,問我為何這麽早結婚,一般都認為先有後婚! 答案是否的,現在我給的答案也是,不知道耶,不知結婚為何物,為何而結婚,沒有答案耶! 話說民國68年左右,讀高二,半工半讀,認識剛退役的老公,在同公司上班,悄悄的談了戀愛,工廠的同事也都不知道,如常的畢了業,跟了
    Thumbnail
    最近我就像個熱衷於捉迷藏的探險家,可不是在尋找失落的寶藏,而是在探索人與人之間的奇妙相遇。我在想,是不是前世我們倆玩“我欠你一塊糖”的遊戲玩出了火花,於是今生我們就成了好基友?或者是我上輩子不小心踩了你的裙擺,今生你找我要回來了?
    Thumbnail
    各位早安,即便已是中午時間,我的心情仍像「早安」。 這幾天休假休得太高興,所以我等心情已經緩和後,才來寫點東西。 昨天宅在家一整天的我,像是個拖延症患者挑戰做事不拖延。最後用著拖延的心態把家務事都完成了,我覺得又心虛又有成就感,畢竟整個休假只做了打掃。畢竟整個休假,我把整個家都整理好了。
    Thumbnail
    創造力是最重要的領導特質,忌標準答案與經驗框架!舉凡在職場、生活中,人人都該擁有跳出框架束縛的能力,並持續保持創意思維。說起來容易,那具體該怎麼實踐呢?
    Thumbnail
    1+1=1(第二章 相遇) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(第一章 莫非定律) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(序) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    時逢九月正值秋高氣爽的好天氣,一個人拎著簡單行李搭上飛往香港的早班機,機外遼闊無垠的藍天美的讓人窒息,但我的心卻是沉重的,先前完全沒想過的問題此刻全湧上心頭,我的英文又不夠好,萬一這個做出口貿易公司的工作我無法勝任或者老闆覺得我不適合怎麼辦? 但我所有家當書籍已在海運途中,台灣房子也出租了,我是不