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
留言分享你的想法!
avatar-img
郭欣玫的沙龍
3會員
17內容數
郭欣玫的沙龍的其他內容
2024/07/24
主要來講宣告函式跟箭頭函式 : 宣告函式(Function Declaration) 語法: function functionName(parameters) { return result; } 特點: 使用 function 關鍵字 函式名稱是必需的 存在函式
2024/07/24
主要來講宣告函式跟箭頭函式 : 宣告函式(Function Declaration) 語法: function functionName(parameters) { return result; } 特點: 使用 function 關鍵字 函式名稱是必需的 存在函式
2024/07/14
就是指變數可以被訪問和使用的範圍,來說一下var、let和const的作用域差異。 var :function example() { console.log(x); // 輸出: undefined 因為變量提升造成的 var x = 5; } 函數作用域或全域作用域 可以重複宣告
2024/07/14
就是指變數可以被訪問和使用的範圍,來說一下var、let和const的作用域差異。 var :function example() { console.log(x); // 輸出: undefined 因為變量提升造成的 var x = 5; } 函數作用域或全域作用域 可以重複宣告
2024/07/04
一開始你先把你的專案push上去後,修改vite.config.ts ,要在裡面新增  base: "/Cart/" (/放自己的專案名稱/) build: {outDir: "docs"}, 接下來你要去你的github setting 裡面 -> Page ->選Deploy fro
Thumbnail
2024/07/04
一開始你先把你的專案push上去後,修改vite.config.ts ,要在裡面新增  base: "/Cart/" (/放自己的專案名稱/) build: {outDir: "docs"}, 接下來你要去你的github setting 裡面 -> Page ->選Deploy fro
Thumbnail
看更多
你可能也想看
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
還在煩惱平凡日常該如何增添一點小驚喜嗎?全家便利商店這次聯手超萌的馬來貘,推出黑白配色的馬來貘雪糕,不僅外觀吸睛,層次豐富的雙層口味更是讓人一口接一口!本文將帶你探索馬來貘雪糕的多種創意吃法,從簡單的豆漿燕麥碗、藍莓果昔,到大人系的奇亞籽布丁下午茶,讓可愛的馬來貘陪你度過每一餐,增添生活中的小確幸!
Thumbnail
一、基本算術運算符號 加法:+ 減法:- 乘法:* 除法:/(返回浮點數) a = 1 b = 2 print( a + b ) # 加法 輸出:3 print( a - b ) # 減法 輸出:-1 print( a * b ) # 乘法 輸出:2 print( a / b ) #
Thumbnail
一、基本算術運算符號 加法:+ 減法:- 乘法:* 除法:/(返回浮點數) a = 1 b = 2 print( a + b ) # 加法 輸出:3 print( a - b ) # 減法 輸出:-1 print( a * b ) # 乘法 輸出:2 print( a / b ) #
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—二元一次方程式
Thumbnail
中學數學基礎練習—二元一次方程式
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
中學數學基礎練習—一元二次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
Thumbnail
中學數學基礎練習—一元一次方程式
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News