(1)=设值
(2)= =比较
(3)= = =型态
(4)=> 箭头函式
var x = 5
if (x==5) {
console.log("ok");
}
if (x===5) {
console.log("ok~");
}
var b = () => {
return "bunny-2";
};
var temp = b();
console.log(temp); // bunny-2
false:
// var x = 0;
// var x = false;
// var x = undefined
// var x = null
// 空白会错误 x is not defined
if (x) {
console.log("ok");
}
var score = Math.floor(Math.random() * 101);
console.log(score);
if (score >= 90) {
console.log('甲上');
} else {
if (score >= 80) {
console.log('甲');
} else {
if (score >= 70) {
console.log('乙上');
} else {
console.log('乙');
}
}
}
var score = Math.floor(Math.random() * 101);
console.log(score);
if (score >= 90) {
console.log('甲上');
} else if (score >= 80) {
console.log('甲');
} else if (score >= 70) {
console.log('乙上');
} else {
console.log('乙');
}
var d = new Date();
var hour = d.getHours();
console.log(hour);
// var hour = 17; 侦错用
// console.log(hour);
if (8 <= hour && hour <= 11) {
console.log("上午课程");
} else if (hour == 12) {
console.log("中午用餐时间");
} else if (13 <= hour && hour <= 16) {
console.log("下午课程");
} else {
console.log("非课程时间");
}
CSS () =>var()、calc()、@media()、:nth-child()、hsl()
JS() => 执行:fuction、apple(){}、if(条件)、(条件)?: 、(匿名的函式)
(匿名的函式)
因为之後用不到这个仓库,就不需要占记忆体且不会影响他人
(function () {
//var showMsg_v3 = 删除
console.log("狗沟好吃~~~~");
})();
Js{}:物件、要做的事
物件
var apple = {
//key1:value1 属性
chinese: 100,
english: 90,
math: 70,
};
要做的事
var x = 5;
if (x == 5) {
console.log("ok");
}
「一定要+break!!!!!!!」---------------------------->重点
没有加break时,会产生串联效应,case1做完会接着做case2
switch (x) {
case 5:
console.log("ok"); // x=5 'ok'
console.log("hi");
var y = 88;
console.log(y);
console.log("bee");
break; //一定要加 才能关掉
case 15:
console.log("猫咪大战六周年听说很魔有空去听看看"); // x=5 'ok'
default:
console.log("今天没下雨了");
}
并且可合并case
switch (mm) {
case 4:
case 6:
case 9:
console.log("30天");
break;
}
function showTV() {
var elm = document.getElementById('inputChannel').value; //input输入是字串
console.log(elm);
document.getElementById('demo').innerText = elm;
switch(elm){
case 20: //但是这要符合数值
console.log('ok'); //所以不出现。
}
}
解法:转数值
var elm = parseInt(document.getElementById("inputChannel").value);
离开的方式:1.break 2.条件不成立
1.while + if
var x = 5;
while (x == 5) {
console.log('ok'); //一定会显示 因为非0则ture
if (x == 5) {
x = 666;
console.log(x) //之後条件不符合var x = 5; 会跳出
}
}
var secret;
while (secret !== "1234") {
secret = prompt("1.网页必须输入通关密码1234才会停止");
if (secret == "1234") {
break //会跳出
}
}
do {
console.log("ok");
} while (false);
3.while
var n = 0;
var x = 0;
while (n < 10) {
n++; // n = n+1
x += n; // x = n+x
}
document.getElementById("demo1_10").innerHTML = x;
会先执行一次,才判断条件
do {
console.log("ok");
} while (false);
for(罗嗦) => 已知次数
while(条件) => 次数未知
(1)for
for (var i = 0; i < 10; i++) { //一行做判断
if (i % 2 == 0) {
// 跳过这一次不做 ,2 4 6 byebye
continue;
}
if (i == 7) {
// 跳出
break;
}
console.log(i);
}
(2)while
var secret;
while (secret !== "1234") {
secret = prompt("1.网页必须输入通关密码1234才会停止");
if (secret == "1234") {
break
}
}
cnt =cnt+1
cnt++
cnt += 1
innerText会是写内文,所以要改innerHTML
会印出字串
star = star + "<br>"; //换行
document.getElementById("pSquare").innerText = star;
改
star = star + "<br>"; //换行
document.getElementById("pSquare").innerHTML = star;
(1)for():可以直接抓始末 (抓自己想要的范围~~)
var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
for (var i = 0; i < weekList.length; i++) {
// []从0开始
// length 有几个
console.log(weekList[i]); //跑几次就显示几次
}
(2)for(..of..):每个都要抓时使用(通通抓起来看~~)
var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
//of 捞出来看看元素
for (var item of weekList) { //of 放集合 ex:[]
console.log(item);
}
(1) for
var tot = 0;
for (var cnt = 1; cnt <= 10; cnt++) {
//cnt++ , cnt =cnt+1 ,cnt += 1
tot = tot + cnt;
}
console.log(`计算从 1 加到 10: ${tot}`);
(2) for + if
for (var i = 0; i < 10; i++) {
//一行做判断
if (i % 2 == 0) {
// 跳过这一次不做 ,2 4 6 byebye
continue;
}
if (i == 7) {
// 跳出
break;
}
}
(3) for..of.. (赋值给item of 放集合 ex:[])
var weekList = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
//of 捞出来看看元素
for (var item of weekList) {
//赋值给item of 放集合 ex:[]
}
(4) for..in..(赋值给item in 放物件) 并 只会寻「有值」的资料出来
for (var item in s1) {
//赋值给item in 放物件
console.log(item); //chinese;english;math(属性)
console.log(s1["item"]); // s1 物件里没有"item字串"的属性 undefined
console.log(s1[item]); //100;90;80 抓到值
console.log(typeof item); //string
}
辛苦了(拍拍自己)
<<: Day1 参加职训(机器学习与资料分析工程师培训班),记录学习内容(6/30-8/20)
前言 转眼间,国庆连假已经要结束了,不晓得大家有没有好好的放松自己的身心,有些店家也因为连假的缘故而...
HttpHead操作是只会回传Http Header部分资讯的api请求 所以不会返回函数回传的主体...
前情提要 昨天我们成功的让 App 在本机端运作,但按下 开始预测! 後却出现了错误: 这意味着虽然...
高中听过有人念ㄙㄨㄟˊ 圆形,我当时真是害怕极了。 --- 椭圆曲线 (Elliptic curve...
Hello大家, 台北阴雨绵绵, 早上到公司裤管都湿答答的="= 不舒服... 今天我们来...