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

2021-09-11 03:29:24 字數 3936 閱讀 2492

1:陣列 ---氣泡排序

2:函式

1:陣列

1):陣列的作用,可以一次儲存多個資料

2)建立陣列有兩種方式

通過建構函式建立乙個陣列

var arr = new array(5)//陣列長度為5,空陣列

var arr1 = new array(5,1)//陣列長度為2,裡面有5,1兩個元素

通過字面量建立乙個陣列

var arr =[5]//陣列長度為1,元素為5

3)for迴圈遍歷陣列

var arr3 = [45, 12, 56, 23, 1, 48]

for (var i =0; i < arr3.length; i++)

陣列案例

// 案例1:求陣列中所有元素的和

// 案例2:求陣列中所有元素的平均值

// 案例3:求陣列中所有元素的最大值

// 案例4:求陣列中所有元素的最小值

// 案例5:倒迴圈遍歷陣列

// 案例6:把陣列中的每乙個元素用|拼接到一起產生乙個字串,並輸出

// 案例7:去掉陣列中重複的0,把其他的資料放在新的陣列中

// 案例8:反轉陣列

// 案例9:氣泡排序

// 案例10:將1-4案例寫成乙個方法

// 案例1:求陣列中所有元素的和

var arr = [1, 9, 2, 8];

var sum = 0;

for (var i = 0; i < arr.length; i++)

console.log(sum);

// 案例2:求陣列中所有元素的平均值

var arr = [1, 9, 2, 8];

var sum = 0;

for (var i = 0; i < arr.length; i++)

console.log(sum / arr.length);

// 案例3:求陣列中所有元素的最大值,寫的時候,涉及到返回值

var arr = [1, 9, 2, 8];

var max = number.min_value;

for (var i = 0; i < arr.length; i++)

}console.log(max);

// 案例4:求陣列中所有元素的最小值

var arr = [1, 9, 2, 8];

var min = number.max_value;

var min = arr[0];

for (var i = 0; i < arr.length; i++)

}console.log(min);

// 案例5:倒迴圈遍歷陣列

var arr = [1, 2, 3, 4, 5];

for (var i = arr.length; i >= 0; i--)

// 案例6:把陣列中的每乙個元素用,拼接到一起產生乙個字串,並輸出

var arr = [1, 2, 3, 4, 5];

var str = ""; //空字串

for (var i = 0; i < arr.length - 1; i++)

console.log(str + arr[arr.length - 1]) //最後乙個元素的索引=所有元素的長度-1

// 案例7:去掉陣列中所有的0,把其他的資料放在新的陣列中

var arr = [12, 0, 45, 89, 0, 23, 0, 12, 45, 4];

var str = ;

for (var i = 0; i < arr.length; i++)

}console.log(str);

// 案例8:反轉陣列

var arr = [7, 6, 5, 4, 3, 2, 1];

var temp;

//迴圈的目的是控制交換的次數

for (var i = 0; i < arr.length / 2; i++)

console.log(arr);

// 案例9:氣泡排序

var arr = [12, 45, 78, 5, 3, 21, 19, 82, 43]

// 迴圈控制比較的行數(有6個數,就比較五行,所以是length-1)

for (var i = 1; i <= arr.length - 1; i++) }}

console.log(arr);

// 案例10:將1-4案例寫成乙個方法

var sum = 0;

var min = number.max_value;

var max = number.min_value;

var arr = [1, 9, 2, 8];

for (var i = 0; i < arr.length; i++) // end if

// 求最大值

else if (max < arr[i])

//end if

sum += arr[i];

var allarr = [min, max, sum]

} //end for

console.log("最小值" + allarr[0] + "最大值" + allarr[1] + "求和" + allarr[2])

2函式1)為什麼要使用函式

把一堆**進行封裝,需要的時候拿來直接用,減少**的重複量

2)函式先定義後呼叫,有引數有返回值的函式

3)函式沒有返回值,但是在呼叫的時候接收了,結果是undefined

4)函式形參大於實參,結果是nan

5)實參可以是變數,也可以是具體的值

6)案例

// 1:求兩個數字的和

function sum2(a, b)

console.log(sum2(1, 2));

// 2:求三個數字的和

function sum3(a, b, c)

console.log(sum3(1, 2, 3));

// 3:求兩個數字的最大值

function max(a, b)

console.log(max(5, 3));

// 4:求1-100所有數字的和

function sum4(n)

return sum;

}console.log(sum4(100));

// 5:求1-100所有偶數的和

function oddsum(n)

}return sum;

}console.log(oddsum(100))

// 5:求1-100所有偶數的和

function oddsum2(n)

}console.log(sum)

}oddsum2(100)

// 5:求乙個陣列的和

function array(arr)

// return sum;

console.log(sum); //乙個函式,計算和,輸出和,乙個函式只做乙個功能,這時候把結果返回,在函式呼叫的時候輸出和

}// console.log(array([1,9,2,8]))

array([1, 2, 3])

// 7:求n-m之間所有數字的和

function sum7(n, m)

return sum;

}console.log(sum7(1, 100))

// 8:圓的面積

function area(r)

console.log(area(2))

// 9:求兩個數的最大值

function twomax(a, b)

console.log(twomax(1, 2))

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

1 一元運算子 2 順序控制 3 分支結構 if,if else if else if else if else,switch case 三元表示式 4 迴圈結構 while,do while,for,for in 後期 5 案例 每個三遍 1 一元運算子 1 正常的單個 在前,在後,都是在自增 v...

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

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

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

主要是內建物件的介紹和例子 1 math的兩個例子 2 date例子 1.1 使用math實現系統的max方法 1 使用系統自帶的math.max 方法 var max math.max 12,45,78,999,111111 console.log max 2 使用帶參的函式 function g...