文章目錄
- 一,JS的基礎語法
- --1,測驗
- 二,JS陳述句
- --1,概述
- 三,JS陣列
- --1,測驗
- 四,JS函式
- --1,測驗
一,JS的基礎語法
–1,測驗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測驗 js的基礎語法</title>
<!-- script在HTML網頁中嵌入JS代碼 -->
<script>
//2.JS的運算子
//typeof運算子獲取資料的型別
var i = 10;
console.log(typeof i);//number,控制臺輸出的日志,f12
i = 'hello';
console.log(typeof i);
console.log(typeof i + 'abc');
//比兩個數里的最大值
var e = 3;
var f = 5;
var g = e > f ? e: f ;
alert(g);
//比三個數里的最大值
var h = 8;
// g = g > h ? g : h ;
// g = e > f ? e大 : f大 ;
g = e > f ? (e > h ? e : h) : (f > h ? f : h) ;
alert(g);
var c = 10 ;
var d = '10' ;
alert(c==d);//true
alert(c===d);//false,比值和型別
alert(c!=d);//false
alert(c!==d);//true
var b = 10;
alert(b+1);//11
alert(b-2);//8
alert(b*1.6);//16
alert(b/3);//3.333
alert(b%3);//1
//自增自減
//alert(b++);//10
//alert(++b);//11
// b = b++ ;
// alert(b+"====");//10
//java面試題:以下兩行代碼有區別嗎?
// byte b = 1;
// b = b * 2 ; // 錯誤,需要強轉
// b *= 2 ; //正確,復合賦值運算子會自動型別轉換
b = b * 2 ;
b *= 2 ;
// 1.JS的變數: 變數型別 變數名=變數值
var a = 5;
//修改a的型別
a = 1.5;
a = "hello js" ;
a = 'hello js2' ;
a = true ;
alert(a);
</script>
</head>
<body>
</body>
</html>
二,JS陳述句
–1,概述
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測驗 JS的陳述句</title>
<script>
// 2. JS的回圈結構:for while
//練習:while 計算1個億一天花一半,花多少天
var days = 0;//定義變數,記錄天數
var money = 100000000 ;//定義變數,記錄錢
while( money > 1 ){
money /= 2 ; //照著一半花
days++ ; //天數++
}
console.log('1個億總共花了'+days+'天');
//練習:for計算1~100里的奇數個數
var count = 0;//定義變數,記錄個數
for(var i = 1 ; i<=100 ; i++){
if(i % 2 == 1){//奇數
count++ ;//遇到奇數就加1
}
}
console.log('奇數個數是:'+count);
//練習:for計算1~100里的偶數和
var sum = 0;//定義變數,記錄和
for(var i=1 ; i<=100 ;i++){
if( i % 2 == 0 ){//偶數
sum = sum + i ;
}
}
console.log('偶數和是:'+sum);
// 1. JS的分支結構:
//switch...case
//練習:根據變數的值,提示今天星期幾
var week = 1 ;
switch(week){
case 1 : console.log('今天星期1');break;
case 2 : console.log('今天星期2');break;
case 3 : console.log('今天星期3');break;
case 4 : console.log('今天星期4');break;
case 5 : console.log('今天星期5');break;
case 6 : console.log('今天星期6');break;
case 7 : console.log('今天星期7');break;
}
//if...else
//練習: 80~100(包括80，也包括100) 優秀
// 60~80(包括60，但不包括80) 中等
// 0~60(包括0，但不包括60) 不及格
// 其他值 輸入有誤
var score = 78 ;
if(score>=80 && score<=100){
console.log('優秀');
}else if(score>=60 && score<80){
console.log('中等');
}else if(score>=0 && score<60){
console.log('不及格');
}else{
console.log('輸入有誤');
}
const m = 10 ;//const定義常量,必須被初始化,而且不能改值
// m = 1.1;
console.log(m);
var a = 10;
if( a > 5 ){
console.log('ok');
}else{
console.log('no ok');
}
</script>
</head>
<body>
</body>
</html>
三,JS陣列
–1,測驗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測驗 JS的陣列</title>
<script>
// 1.創建js陣列: 資料型別豐富,長度可變
//第二種方式: 推薦!!
var b = [] ;
console.log(b.length);
b = [10,1.1,'jack',true,null] ;
console.log(b.length);
b[3]=99;
console.log(b);
//遍歷陣列:i表示下標,b.length是陣列的長度
for(var i = 0 ; i < b.length ; i++ ){
console.log(b[i]);//根據下標獲取資料
}
//java里的foreach: for(Object o : b){
//js里的for..in
for(var o in b){
console.log(b[o]);//o是下標,根據下標獲取資料
}
//第一種方式:
var a = new Array();
console.log(a);
console.log(a.length);//獲取陣列的長度
//修改長度并存入各種型別的資料
a = new Array(10,1.1,'jack',true,null);
console.log(a);
a[99]=100;
console.log(a.length);//100
console.log(a);
</script>
</head>
<body>
</body>
</html>
四,JS函式
–1,測驗
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>測驗 JS的函式</title>
<script>
//定義JS的函式方式2:
// 1.定義JS的函式
//語法:function 函式名(引數串列){函式體}
function add(){
//需求:統計整數陣列里的和
var a = [1,2,3,4,5];
var b = 0;//定義變數,記錄和
for(var i in a){//i是下標
//a[i]根據下標獲取資料
b = b + a[i] ;//累計求和
}
console.log('總和是:'+b);
}
//優化add(),動態接受用戶呼叫時傳入的引數//需求:統計整數陣列里的和
function add2(a){
var b = 0;//定義變數,記錄和
for(var i in a){//i是下標
//a[i]根據下標獲取資料
b = b + a[i] ;//累計求和
}
console.log('總和是:'+b);
}
//優化add2(),給呼叫者回傳結果
function add3(a){
var b = 0;//定義變數,記錄和
for(var i in a){//i是下標
//a[i]根據下標獲取資料
b = b + a[i] ;//累計求和
}
return b ;//return把結果回傳給呼叫者
}
// 2.呼叫函式
//語法:函式名(引數串列);
add();
var arr = [1,2,3];
add2(arr);//需求:統計整數陣列里的和
//呼叫了一個有回傳值的函式
var sum = add3(arr);
console.log(sum*5);
</script>
</head>
<body>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/298138.html
標籤：其他