前端全棧學習第十二天 js第二天 基礎

2021-09-11 01:31:11 字數 3142 閱讀 2558

1:一元運算子 ++,--

2:順序控制

3:分支結構 if,if-else ,if-else if-else if-else,switch-case ,三元表示式

4:迴圈結構:while,do-while,for,for-in(後期)

5:案例(每個三遍)

1:一元運算子

1)正常的單個++在前,++在後,都是在自增

var a = 1;

var b=++a;

console.log(a); // 2

var a = 1;

var b=a++;

console.log(a); // 2

2)++,--,參與運算之後。當++在運算子之前,先進行自加,再運算。當++在運算子之後,先運算,再自加

var a = 1;

var b=a++;

console.log(b); // 1

var a = 1;

var b=++a;

console.log(b); //2

3)練習

var a = 1;

var b = a++ + a++;

console.log(b); //1+2=3

var a = 1;

var b = a++ + ++a; //1+3=4

console.log(b);

var a = 1;

var b = ++a + ++a; //2+3=5

console.log(b);

var a = 1;

var b = ++a + a++; //2+2=4

console.log(b);

需要注意一點:a的值,一旦遇到運算子,就會++,而且a的值會改變

2:順序控制-----

3:分支結構:

if,if-else ,if-else if-else if-else,switch-case ,三元運算

進行分支結構的判斷需要注意一點,if(==),這裡的==是值相等就可以,===為值和型別都相等才行。當switch的時候,進行判斷是絕對相等(===),也就是值和型別必須都相等

var num = "10";

switch (num)

輸出:我是字串10

絕對相等值 值 10 ,型別 字串

4:迴圈結構

5:案例

1)算利率

50000元,存三年,年利率0.002,存一年之後取出來,再連本帶利存

var money = 5000;

var rate = 0.002;

for(var year = 1 ; year <=3 ; year ++)

console.log(money);

2)費布那切數列:第乙個數和第二個數都是1,從第三個數開始,都是前面兩個數的和,所以有後乙個數為前乙個數賦值的過程

var num1 = 1;

var num2 = 1;

var sum;

for (var i = 3; i <= 5; i++)

console.log(sum);

遞迴求費布那切數列

function f1(n)

return f1(n - 1) + f1(n - 2);

}console.log(f1(4));

3)計算200-300奇數的和

第一種方法:

var sum=0;

for(var i= 200;i<=300;i++)

sum+=i;

}console.log(sum);

第二種方法

var sum=0;

for(var i= 200;i<=300;i++)

}console.log(sum);

第三種:

var sum = 0;

var i = 200;

while (i <= 300)

sum += i;

i++;

break;

}console.log(sum);

在迴圈中,遇到continue,直接開始下一次迴圈

在迴圈中,遇到break,跳出當前迴圈;

通過對比for和while迴圈你會發現,如果在迴圈判斷是時候加上判斷條件,後面會省好多**,而且處理的邏輯也少。

3)三元運算子比較三個數的大小

var a = 1;

var b = 2;

var c = 3;

console.log(a>b?(a>c?a:c):(b>c?b:c));

4)計算閏年

能被4整除不能被100整除或者能被400整除的年份,為閏年

var year = parseint(prompt("請輸入整數年份"));

if (year % 4 == 0 && year % 100 != 0 || year % 400 == 0)

else

5)求階乘

法一:var sum = 1;

for(var i = 1; i<=3;i++)

console.log(sum);

法二:var sum = 1;

var i = 1;

while (i <= 3)

console.log(sum);

法四:function fn(n)

return fn(n - 1) * n;

}console.log(fn(3))

6)畫星星(1)

for (var j = 5; j >= 0; j--)

document.write("")}

(2)for (var i = 0; i < 5; i++)

document.write("")}

7)九九乘法口訣表

for (var i = 1; i <= 9; i++)

document.write("

") //每迴圈一行就換行

}加框框

document.write("")

for (var i = 1; i <= 9; i++)

document.write("")

document.write("

") }

document.write("");

JS第十二天

a dom2級規範定義了一些模組,用於dom1級,dom2級核心 為了不同的dom型別引入了一些與xml命名空間有關的方法,這些變化只在使用xml或者是xhtml文件的時才有用 對於httml文件沒有實際的意義,除了與xml命名空間有關的方法外,dom級核心 還定義了以程式設計凡事建立documen...

前端全棧學習第十二天 js第三天 基礎

1 陣列 氣泡排序 2 函式 1 陣列 1 陣列的作用,可以一次儲存多個資料 2 建立陣列有兩種方式 通過建構函式建立乙個陣列 var arr new array 5 陣列長度為5,空陣列 var arr1 new array 5,1 陣列長度為2,裡面有5,1兩個元素 通過字面量建立乙個陣列 va...

前端全棧學習第十二天 js第四天 基礎

1 函式案例 2 函式其他 3 作用域 4 預解析 1 函式案例 1 求一組數中的最大值,最小值,求和 2 求階乘 3 判斷質數 4 通過函式實現陣列的反轉 5 求乙個數字的階乘 6 費布那切數列 7 求乙個數字的階乘和 8 氣泡排序 1 求一組數中的最大值,最小值,求和 function alln...