數組
<script type="text/javascript">/** 知識點:數組* 理解:一維數組的容器* 概念:* 1.數組中的數據叫做元素* 2.元素都有編號叫做下標/索引* 3.下標從0開始* 注意:* 1.數組作為數據的容器,應有的功能是增、刪、改、查* 2.數據庫是存放數據的,但數據庫將數據存儲在硬盤中 -- 數據持久化* 3.數組是存儲數據的,但數組將數據存儲在內存中 -- 數據非持久化* *///數組的聲明var arr = ["胡歌","薛之謙","鄧紫棋","成毅","彭于晏"];//設置指定下標的元素arr[3] = "林一";//獲取指定下標的元素var v = arr[1];console.log("獲取指定下標的元素:"+v);//添加元素arr[5] = "霍建華";arr[6] = "劉詩詩";arr[10] = "林心如";//刪除元素(注意:刪除不會將空間回收,而是會將下標上的元素賦值為undefined)delete arr[6];//獲取元素的個數var len = arr.length;console.log("獲取元素的個數:" + len);console.log("----------------------------");//遍歷元素 -- for循環for(var i = 0;i<arr.length;i++){console.log(arr[i]);}console.log("----------------------------");//遍歷元素 -- for-in(注意:遍歷的是有效元素的下標)for(var index in arr){console.log(arr[index]);}
</script>
函數
知識點:函數 理解:特定功能的代碼塊 優點:解決代碼的冗余 分類: 1.無參數無返回值的函數 2.帶參數的函數 3.帶返回值的函數
無參數無返回值的函數
<script type="text/javascript">/** 知識點:無參數無返回值的函數* 語法結構:* function 函數名(){* ...代碼塊...* }*/function run(){console.log("走位 -- 500行");}function play(){console.log("發技能 -- 1500行");}run();run();play();run();play();run();//案例:設計一個函數,打印三角形function printStar(){for(var i = 0;i < 5;i++){for(var j = 0;j < i;j++){document.write("*");}document.write("<br />");}}printStar();printStar();
</script>
帶參數的函數
<script type="text/javascript">/** 知識點:帶參數的函數* 語法結構:* function 函數名(a,b,...){* ...代碼塊...* }*/function fun(a,b,c){alert(a+b+c);}fun("xxx","yyy","zzz");fun(1,2,3);//案例:設計一個函數,打印三角形,三角形的行數和內容由調用方指定function printStar(num,str){for(var i = 0;i < num;i++){for(var j = 0;j <= i;j++){document.write(str);}document.write("<br />");}}printStar(5,"$");printStar(9,"*");
</script>
帶返回值的函數
<script type="text/javascript">/** 知識點:帶返回值的函數* 語法結構:* function 函數名([a,b,...]){* ...代碼塊...* return 返回值;* }*/function fun1(){return "我好像在哪兒見過你";}var v = fun1();alert(v);//案例:傳入兩個number值,比較大小,返回最大值function fun2(a,b){var v = (a>b)?a:b;return v;}var max = fun2(6,2);alert(max);
</script>
預定義函數
<script type="text/javascript">/** 知識點:預定義函數* 理解:JS給我們提供的函數*///parseInt(str1) - 將字符串解析成整數var str1 = "100";var str2 = "50";alert(parseInt(str1) + parseInt(str2));//parseFloat(str3) - 將字符串解析成小數var str3 = "123.123";var str4 = "123.123";alert(parseFloat(str3) + parseFloat(str4));//isNaN(str5) - 判斷是否是非數字var str5 = "abc";alert(isNaN(str5));//true//isFinite(str6) - 判斷是否是數字var str6 = "100";alert(isFinite(str6));//true//eval(str7); - 認為參數是JS代碼去執行var str7 = "alert('我好像在哪兒見過你')";eval(str7);
script>