2. 與css和html之間的關係
html是結構層,閒蕩與人的骨骼
css是表現層, 相當於衣服
js是行為層, 相當於人的行為和動作
2.1 資料型別
object物件
let obj = ;let obj1 =obj; // 淺拷貝 對新值進行修改會改變原來的值
let obj2 = json.parse(json.stringify(obj)); // 深拷貝, 生成乙個新的對
//this is an object
let me =;
//assign attributes
me.title = 'mr'
; me.education = '
collage';
//get all keys
object.keys(me);
//get all values
object.values(me);
//iterate
for (let key in
me)
}
array陣列
陣列是乙個有序排列的集合
陣列的值可以使任意型別
陣列的拷貝分為深拷貝與淺拷貝與物件一致
let items = [1,2,3,4,5];alert(items[0]);
items[0] = '0';
items.length;
items.push(6);
items.pop();
//插入/替換元素
items.splice(
0, //
要插入的位置
0, //
替換多少個元素
'a' //
替換成什麼元素
);
//刪除元素
items.splice(
1, //
從哪個元素開始刪
2 //
刪除多少個元素
);
//遍歷元素
items.map(d => d+1); 返回乙個新陣列
items.foreach(d =>)
string字串
單引號或者雙引號括起來的資料
number數字
任何表示陣列的型別
boolean布林值
表示true 或者 false的型別
map對映
set集合
null/undefined
=== 雙方值相同, 型別也相同, == 將兩個值轉換成同型別, 再進行比較
js控制流
迴圈while
forarray
mapforeach
let a = 0;while (a<10)
for(let i=0;i<10;i++)
const arr = [1, 2, 3];
const arr2 = arr.map(d => d+1);
arr.foreach(d =>console.log(d));
條件控制
let b = 1;let c = 2;
if (b >c) else
if (a ===b) else
02JS 分支迴圈
一元運算子 如果不參與運算,在前面還是在後面結果都是一樣的 1 如果不參與運算,在前面還是在後面結果都是一樣的 1 var num 10 num 後 num 前 無論是前 還是後 只要參與運算,結果就可能不太一樣 舉例 var num 10 var sum num 10 在後面的時候,先參與運算,然...
工作筆記02 js
1.window.location reload 重新整理頁面 window.location href url 跳轉到url鏈結頁面 window.history2.關於split的用法 var a 60 100 var b a.split 0 這裡是將a由 分成了兩個部分,b就是取的第乙個部分,...
02 JS流程控制語句
if語句 if 條件 else prompt pr mpt prompt 對話方塊的提示內容 如 var age prompt 對話方塊的提示內容 這樣使用者輸入的內容就等於age。alert l rt alert 警告對話方塊內容 length le abc.length 獲取abc字串的長度,返...