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

    3會員
    17內容數
    留言0
    查看全部
    發表第一個留言支持創作者!
    郭欣玫的沙龍 的其他內容
    首先要安裝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 開啟一個請求。 送出請求。 拿到回應後去處理畫面要如何呈現。
    你可能也想看
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    Thumbnail
    1+1=2 是我們再熟悉不過的數學公式 不過,這簡單的數學公式,運用到生活中,又是不一樣的概念 怎麼說呢? 拿鞋子來比喻好了 鞋子裡面的鞋墊屬於消耗品,而你每天穿它,會縮短鞋墊的壽命,可能3個月就沒支撐性 如果有兩雙鞋子交替的穿,結果就不同了 因為有時間讓鞋墊慢慢回彈,回復原來的支稱
    知道我20歲就結婚的我,抑是日後談論婚姻的我,問我為何這麽早結婚,一般都認為先有後婚! 答案是否的,現在我給的答案也是,不知道耶,不知結婚為何物,為何而結婚,沒有答案耶! 話說民國68年左右,讀高二,半工半讀,認識剛退役的老公,在同公司上班,悄悄的談了戀愛,工廠的同事也都不知道,如常的畢了業,跟了
    Thumbnail
    最近我就像個熱衷於捉迷藏的探險家,可不是在尋找失落的寶藏,而是在探索人與人之間的奇妙相遇。我在想,是不是前世我們倆玩“我欠你一塊糖”的遊戲玩出了火花,於是今生我們就成了好基友?或者是我上輩子不小心踩了你的裙擺,今生你找我要回來了?
    Thumbnail
    各位早安,即便已是中午時間,我的心情仍像「早安」。 這幾天休假休得太高興,所以我等心情已經緩和後,才來寫點東西。 昨天宅在家一整天的我,像是個拖延症患者挑戰做事不拖延。最後用著拖延的心態把家務事都完成了,我覺得又心虛又有成就感,畢竟整個休假只做了打掃。畢竟整個休假,我把整個家都整理好了。
    Thumbnail
    創造力是最重要的領導特質,忌標準答案與經驗框架!舉凡在職場、生活中,人人都該擁有跳出框架束縛的能力,並持續保持創意思維。說起來容易,那具體該怎麼實踐呢?
    Thumbnail
    1+1=1(第二章 相遇) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(第一章 莫非定律) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(序) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    時逢九月正值秋高氣爽的好天氣,一個人拎著簡單行李搭上飛往香港的早班機,機外遼闊無垠的藍天美的讓人窒息,但我的心卻是沉重的,先前完全沒想過的問題此刻全湧上心頭,我的英文又不夠好,萬一這個做出口貿易公司的工作我無法勝任或者老闆覺得我不適合怎麼辦? 但我所有家當書籍已在海運途中,台灣房子也出租了,我是不
    Thumbnail
    1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
    Thumbnail
    近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
    Thumbnail
    1+1=2 是我們再熟悉不過的數學公式 不過,這簡單的數學公式,運用到生活中,又是不一樣的概念 怎麼說呢? 拿鞋子來比喻好了 鞋子裡面的鞋墊屬於消耗品,而你每天穿它,會縮短鞋墊的壽命,可能3個月就沒支撐性 如果有兩雙鞋子交替的穿,結果就不同了 因為有時間讓鞋墊慢慢回彈,回復原來的支稱
    知道我20歲就結婚的我,抑是日後談論婚姻的我,問我為何這麽早結婚,一般都認為先有後婚! 答案是否的,現在我給的答案也是,不知道耶,不知結婚為何物,為何而結婚,沒有答案耶! 話說民國68年左右,讀高二,半工半讀,認識剛退役的老公,在同公司上班,悄悄的談了戀愛,工廠的同事也都不知道,如常的畢了業,跟了
    Thumbnail
    最近我就像個熱衷於捉迷藏的探險家,可不是在尋找失落的寶藏,而是在探索人與人之間的奇妙相遇。我在想,是不是前世我們倆玩“我欠你一塊糖”的遊戲玩出了火花,於是今生我們就成了好基友?或者是我上輩子不小心踩了你的裙擺,今生你找我要回來了?
    Thumbnail
    各位早安,即便已是中午時間,我的心情仍像「早安」。 這幾天休假休得太高興,所以我等心情已經緩和後,才來寫點東西。 昨天宅在家一整天的我,像是個拖延症患者挑戰做事不拖延。最後用著拖延的心態把家務事都完成了,我覺得又心虛又有成就感,畢竟整個休假只做了打掃。畢竟整個休假,我把整個家都整理好了。
    Thumbnail
    創造力是最重要的領導特質,忌標準答案與經驗框架!舉凡在職場、生活中,人人都該擁有跳出框架束縛的能力,並持續保持創意思維。說起來容易,那具體該怎麼實踐呢?
    Thumbnail
    1+1=1(第二章 相遇) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(第一章 莫非定律) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    1+1=1(序) 真人真事改編跨國網戀愛情故事 請大家多多指教
    Thumbnail
    時逢九月正值秋高氣爽的好天氣,一個人拎著簡單行李搭上飛往香港的早班機,機外遼闊無垠的藍天美的讓人窒息,但我的心卻是沉重的,先前完全沒想過的問題此刻全湧上心頭,我的英文又不夠好,萬一這個做出口貿易公司的工作我無法勝任或者老闆覺得我不適合怎麼辦? 但我所有家當書籍已在海運途中,台灣房子也出租了,我是不