day1
javascript三種引入方式
三種輸出方式
變數
資料型別
查看資料型別
判斷是否為數字
javascript三種引入方式
行內式
<a href="javascript:alert('hello word')">噠噠噠</a>
<div onclick="alert('你好')">我</div>
內嵌式
<script>
alert("hello word")
</script>
外鏈式
<script src="https://www.cnblogs.com/fangye-js-study/archive/2022/08/18/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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/502256.html
標籤：其他
下一篇：防抖和節流的介紹及實作