05-javaScript基礎(chǔ)

核心知識(shí)點(diǎn)

數(shù)組

操作字符串方式

獲取系統(tǒng)時(shí)間

Math相關(guān)方法

今日目標(biāo)

能夠完成數(shù)組相關(guān)案例

能后獲取系統(tǒng)時(shí)間

能夠操作隨機(jī)數(shù)

能夠完成小娜案例**[最終的目標(biāo)]**

數(shù)組

思考如果我們希望同時(shí)保存多條數(shù)據(jù)該怎么辦？【例如：如何將班上所有學(xué)生姓名保存起來(lái)】

學(xué)習(xí)數(shù)組的意義？

? 數(shù)組： 可以一次保存多條數(shù)據(jù)， 數(shù)組也是一個(gè)用來(lái)保存數(shù)據(jù)的容器。

學(xué)習(xí)數(shù)組

創(chuàng)建數(shù)組

• 構(gòu)造函數(shù)創(chuàng)建數(shù)組（了解）

var 自定義數(shù)組名稱 = new Array();

• 字面量創(chuàng)建數(shù)組

var 自定義數(shù)組名稱 = [] ;

數(shù)組賦值

• 創(chuàng)建數(shù)組并賦值

? 構(gòu)造函數(shù)方式var ary = new Array (1,2,3,5,6);? 字面量方式賦值var ary = [1,2,3,4,6];

• 通過(guò)索引方式賦值

var ary = [];ary[0]=1;ary[1]=2;總結(jié)：1. 數(shù)組中索引值是從 0 開(kāi)始的2. 通過(guò)索引的方式給數(shù)組賦值，要按照順序個(gè)數(shù)設(shè)置3. 通過(guò) 數(shù)組名.length 可以獲取到當(dāng)前數(shù)組的長(zhǎng)度

獲取數(shù)組中的值

? 通過(guò)索引的方式獲取數(shù)組中的值，數(shù)組的索引從0開(kāi)始? 語(yǔ)法：數(shù)組名[索引號(hào)]例如：var ary = [1,2,3,4,5];ary[0];ary[1];

數(shù)組課堂案例

- 練習(xí)1：統(tǒng)計(jì)班級(jí)學(xué)生就業(yè)薪資，計(jì)算總薪資 和 平均薪資。- 練習(xí)2：統(tǒng)計(jì)班級(jí)學(xué)生就業(yè)薪資，計(jì)算薪資超過(guò)15000的人的個(gè)數(shù)。- 練習(xí)3：給一個(gè)不重復(fù)的數(shù)字?jǐn)?shù)組，求最大值和最大值的在數(shù)組中的位置- 練習(xí)4：給一個(gè)字符串?dāng)?shù)組，將數(shù)組中的每一個(gè)數(shù)據(jù)拼接在一起，每個(gè)數(shù)據(jù)之間用 | 符合拼接。 如： ‘張三|李四|王五’- 練習(xí)5：給一個(gè)數(shù)字?jǐn)?shù)組，該數(shù)組中有很多數(shù)字0，將不為0的數(shù)據(jù)存入到一個(gè)新的數(shù)組中

冒泡排序[算法]

<script>var ary = [1, 2, 3, 4, 5];//將數(shù)組中的值按照降序排列: 從大到小//核心:// 1. 找相鄰的兩個(gè)值 ary[i] ary[i+1]// 2. 交換位置, 找一個(gè)中間變量// 步驟:// 1. 要明確比較多少趟(循環(huán)多少次 數(shù)組總長(zhǎng)度 - 1)for(var i = 0 ; i < ary.length - 1; i++) {// 2. 在每一趟中,進(jìn)行相鄰的兩個(gè)值比較大小(遍歷數(shù)組)for(var j = 0; j < ary.length; j++) {//相鄰的兩個(gè)值if(ary[j] < ary[j+1]) {//交換位置var c = ary[j];ary[j] = ary[j+1];ary[j+1] = c;}}}console.log(ary);// 冒泡排序核心:// 1. 兩兩比較大小// 2. 交換位置// 升序: 如果后一個(gè)值小于前一個(gè)值,就交換位置// 降序: 如果后一個(gè)值大于前一個(gè)值,就交換位置// for(var i = 0; i < ary.length; i++) {// // ary[i] ary[i+1]// }</script>

操作字符串方式

• 分割字符串

split() // 以一個(gè)分割符,將一個(gè)字符串串分割成一個(gè)數(shù)組

• 課堂案例

1. https://www.test.com/login?uname=zs&&pwd=123; 獲取用戶名和密碼

獲取系統(tǒng)日期

• 獲取系統(tǒng)時(shí)間

var 日期變量 = new Date()

• 獲取日期其他部分

日期變量.getSeconds() //獲取秒 日期變量.getMinutes() //獲取分鐘 日期變量.getHours() //獲取小時(shí) 日期變量.getDay() //返回周幾 （0表示周日） 日期變量.getDate() //返回當(dāng)前月的第幾天 日期變量.getMonth() //返回月份 （從0開(kāi)始） 日期變量.getFullYear() //返回年份

• 課堂案例

1. 將當(dāng)前系統(tǒng)時(shí)間以 yyyy-mm-dd HH:mm：ss 輸出到控制臺(tái)中。 // 獲取當(dāng)前系統(tǒng)時(shí)間的，年月日，時(shí)分秒var date = new Date();var year = date.getFullYear();rvar month = date.getMonth() + 1;var month = month >= 10 ? month: '0' + month;var r = date.getDate();var r = r >= 10 ? r: '0' + r;var day = date.getDay(); //星期var hour = date.getHours();var hour = hour >= 10 ? hour: '0' + hour;var minutes = date.getMinutes();var minutes = minutes >= 10 ? minutes: '0' + minutes;var ss = date.getSeconds();var ss = ss >= 10 ? ss: '0' + ss;console.log(year);console.log(month);console.log(r);console.log(day);console.log(hour);console.log(minutes);console.log(ss);console.log(date);

與數(shù)學(xué)相關(guān)的操作

• 獲取隨機(jī)數(shù)

Math.random()

• 對(duì)數(shù)字取整

1.Math.floor(x) 2.Math.ceil(x)

• 課堂案例

1. 求 1 到 10之間的隨機(jī)整數(shù)【包括邊界值】2. 求 20 到 50 之間的隨機(jī)整數(shù)【包括邊界值】3. 求m到n之間的隨機(jī)整數(shù)(公式)Math.floor(Math.random()*(n-m+1)+m);備注:m 代表開(kāi)始值n 代表結(jié)束的值 // var num = Math.random(); //隨機(jī)數(shù)// var a = 3.2415926;// a = Math.floor(a); //返回的結(jié)果是一個(gè)小于或等于當(dāng)前數(shù)字的最近的一個(gè)整數(shù)（向下取整）// a = Math.ceil(a); //返回的結(jié)果是一個(gè)大于或等于當(dāng)前數(shù)字的最近的一個(gè)整數(shù)（向上取整）// 備注： 當(dāng)該值就是一個(gè)整數(shù)的時(shí)候，就算他本身// console.log(a);// 產(chǎn)生一個(gè)隨機(jī)整數(shù)：// 1.先獲取隨機(jī)數(shù)[0,1)// var num = Math.random();// num = Math.random() * 10;// num = Math.random() * 10 + 1;// num = Math.floor(Math.random() * 10 + 1);// console.log(num);//求20~50之間的數(shù)[包括邊境值]// [0,1）*30 [0,30）+ 20 [20,50)// [0,1）*31 [0,31）+ 20 [20,51)// num = Math.floor(Math.random() * 31 + 20);// num = Math.floor(Math.random() * (50 -20 + 1) + 20);// console.log(num);//總結(jié)規(guī)律：求你m~n的隨機(jī)數(shù)取值 最大值為n 最小值為m// num = Math.floor(Math.random() * ( n-m + 1) + m);// 1。隨機(jī)產(chǎn)生一個(gè)索引值// var xh = [1,23,4,86,123,123,152]// num = Math.floor(Math.random() * ( 6 - 0 + 1) + 0);// console.log(xh[num]);

傳智小娜案例

• 實(shí)現(xiàn)求和功能
• 實(shí)現(xiàn)獲取當(dāng)前系統(tǒng)日期功能
• 實(shí)現(xiàn)小娜講笑話功能

函數(shù)function

為什么要學(xué)函數(shù)？

什么是函數(shù)

函數(shù)： 可以封裝一段特定功能代碼，然后通過(guò)函數(shù)名調(diào)用，實(shí)現(xiàn)對(duì)該段代碼重復(fù)使用

函數(shù)的作用

實(shí)現(xiàn)代碼的重復(fù)使用。 ? 對(duì)分散代碼整合（封裝） ? 重復(fù)使用

定義函數(shù)

• function 方式定義函數(shù)

• 函數(shù)表達(dá)式方式定義函數(shù)

• 課堂練習(xí)

  1. 將比較數(shù)字大小封裝到一個(gè)函數(shù)中 2. 寫(xiě)一個(gè)函數(shù)，求1-100之間所有數(shù)的和 3. 通過(guò)函數(shù)方式實(shí)現(xiàn)：判斷一個(gè)數(shù)字是基數(shù)還是偶數(shù) 4. 通過(guò)函數(shù)的方式實(shí)現(xiàn)： 在頁(yè)面中打印一個(gè)10行直角三角形 5. 格式化日期的封裝 yyyy-mm-dd hh:mm:ss

總結(jié)

以上是生活随笔為你收集整理的javaScript基础讲义第四天（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。