day1 javascript三種引入方式 三種輸出方式 變數 數據類型 查看數據類型 判斷是否為數字 javascript三種引入方式 行內式 <a href="javascript:alert('hello word')">噠噠噠</a> <div onclick="alert('你好')">我 ...
day1
javascript三種引入方式
三種輸出方式
變數
數據類型
查看數據類型
判斷是否為數字
javascript三種引入方式
行內式
<a href="javascript:alert('hello word')">噠噠噠</a>
<div onclick="alert('你好')">我</div>
內嵌式
<script>
alert("hello word")
</script>
外鏈式
<script src="./01.js"></script> //引入js文件
alert('hello word') //js文件內容
三種輸出方式
alert
alert("hello word") //頂部彈窗輸出
console.log
console.log("加入我們") //控制台輸出 最常用
document.write
document.write("加入我們") //網頁內輸出
變數
var num; //不寫死
num = 100;
var num2 = 200;
數據類型
基本數據類型
數字 number
var x=10;
字元 string
var t3 = 'abc'
布爾 boolean
var t4 = true
null
var t5=null
undefined
var t4
複雜數據類型
對象 object
方法 fuction
查看數據類型>
typeof
console.log(typeof 10); //number
console.log(typeof "abc"); //string
var t1 = 10;
console.log(typeof t1); //number
console.log(typeof typeof 10); //string
判斷是否為數字
isNaN is not anumber
var a =100
console.log(isNaN(a)) //false
var b ="abc"
console.log(isNaN(b)) //true
（emmmmmm,第一次發稿竟然因為文字少而被勸退，還好我還有餘稿）
day02
數據類型轉換
賦值運算符
比較運算符
邏輯運算符
自增和自減
數據類型轉換
轉換成數字
Number
- 可以把一個變數強制轉換成數值類型
- 可以轉換小數，會保留小數
- 可以轉換布爾值
- 遇到不可轉換的都會返回
var t1 = "100"
console.log(typeof t1) //string
console.log(typeof Number(t1)) //number
var num = "abc"
console.log(Number (num)) //NaN
parseInt
-
從第一位開始檢查，是數字就轉換，直到一個不是數字的內容
-
開頭就不是數字，那麼直接返回 `NaN
-
不識別小數點，只能保留整數
var num= "100abc" console.log(parseInt(num)) //100 var num= "abc100" console.log(parseInt(num)) //NaN
parseFloat
- 從第一位開始檢查，是數字就轉換，直到一個不是數字的內容
- 開頭就不是數字，那麼直接返回
NaN - 可以識別第一個小數點
轉字元串
-
toString()`
有一些數據類型不能使用
toString()方法，比如undefined和null -
String(變數)`
所有數據類型都可以使用加法運算
-
字元串拼接： 只要
+任意一邊是字元串，就會進行字元串拼接加法運算：只有
+兩邊都是數字的時候，才會進行數學運算
轉布爾類型
Boolean
在 js 中，只有 ''、0、null、undefined、NaN，這些是 false
其餘都是 true
賦值運算符
-
+=var a = 10; a += 10; console.log(a); //=> 20a += 10等價於a = a + 10 -
-=var a = 10;
a -= 10; console.log(a); //=> 0a -= 10等價於a = a - 10 -
*=var a = 10; a *= 10; console.log(a); //=> 100a *= 10等價於a = a * 10 -
/+var a = 10; a /= 10; console.log(a); //=> 1a /= 10等價於a = a / 10 -
%=var a = 10; a %= 10; console.log(a); //=> 0a %= 10等價於a = a % 10
比較運算符
== < > <= >= === !=
== 和===區別
==只比較數值是否相同
===比較數值和字元是否相同
var a = 100
var b = "100"
console.log(a==b) //true
console.log(a===b) //false
邏輯運算符
&&
只有兩邊均為正時，才為正，其餘為假
console.log(1 && 2 && 3) //當均為true時，輸出最後一位
console.log(1 && 0 && 3) //如果遇到false,直接輸出false
||只有兩邊均為假時，才為假，其餘為正
console.log(1 || 2 || 3) //輸出第一個ture，
console.log(false || 0 || 3)
console.log(false || 0 || "") //如果全為false,輸出最後一個false
自增和自減
++a 前置 先進行++運算，在輸出
var a=10
console.log(++a) //11
console.log(a) //11
a++ 後置 先輸出a,在進行++
var a=10
console.log(a++) //10
console.log(a) //11
--a 前置 先進行--運算，在輸出
var a=10
console.log(--a) //9
console.log(a) //9
a++ 後置 先輸出a,在進行--
var a=10
console.log(a--) //10
console.log(a) //9
