取得Number中最大與最小元素

1. 不使用任何庫函數

代碼如下：

function findMax1 (arr) {
 let result = 0;
 if (Array.isArray(arr)) {
 for (let i = 0; i < arr.length; i++) {
 result = arr[i] > result ? arr[i] : result;
 }
 
 return result;
 } else {
 console.error('The parameter arr is not an array');
 return;
 }
}

解釋：

利用一個變量result來存儲最大值。遍歷待查找的數組，如果當前遍歷的元素大于result，就把這個元素賦值給result。

2. 利用Array.reduce()

代碼如下：

function findMax2 (arr) {
 let result = 0;
 if (Array.isArray(arr)) {
 result = arr.reduce((a, b) => {
 return a > b ? a : b;
 }, 0);
 
 return result;
 } else {
 console.error('The parameter arr is not an array');
 return;
 }
}

解釋：

reduce方法就是通過一個函數，針對一個累加器（accumulator）和數組中的每一個元素，將一個數組最終減少到一個值。

reduce接受兩個參數：

第一個是callback，就是那個前面提到的那個函數。它有四個參數：

1. accumulator：累加器，它是上次運行callback的結果。如果提供了initialValue，那么第一次就是initialValue；

2. currentValue：當前遍歷的數組的元素；

3. currentIndex：當前遍歷的數組的元素的index，從0開始。如果提供了initialValue，那就從1開始；

4. array：當前應用reduce的數組。

第二個是initialValue，是一個初值，作為第一次運行callback函數的第一個實參。這個是可選的。這里要注意一下，如果這個參數不提供，并且應用在一個空數組上，是會報錯的。

那么上面代碼的意思就是，每次遍歷數組進行比較，大的就留下來，即accumulator，并將其用作下一次和數組元素的比較。最后只留下這一個值，即最大值。

3. 利用Apply和Math.max()

代碼如下：

function findMax3 (arr) {
 let result = 0;
 if (Array.isArray(arr)) {
 result = Math.max.apply(null, arr);
 
 return result;
 } else {
 console.error('The parameter arr is not an array');
 return;
 }
}

解釋：

apply解釋稍顯復雜，不作進一步的解釋。

它接受兩個參數，第一個是thisArg，第二個是argsArray。兩個都是可選的。此處簡單來說，就是使用一個函數時，參數以數組的方式傳遞進去。

4. 只用Math.max()

代碼如下：

function findMax4 (arr) {
 let result = 0;
 if (Array.isArray(arr)) {
 result = Math.max(...arr);
 
 return result;
 } else {
 console.error('The parameter arr is not an array');
 return;
 }
}

解釋：

基于上一個解法的思路，在ES6中，有一個擴展運算符（...），可以將一個數組中的元素拆出來，組成一個用逗號分隔的序列。剛好滿足Math.max()函數的需求。

在給大家介紹一下JS之number、Math和數組的相關知識點

1、Number對象。

創建Number對象的方式：

方式1：

var 變量= new Number(數字)

方式2：

var 變量 = 數字;

常用的方法：

toString() 把數字轉換成指定進制形式的字符串。（輸入數字幾，就轉換為幾， number.toString(2)）

toFixed() 指定保留小數位,而且還帶四舍五入的功能。

2、Math　　

Math對象常用的方法：

ceil 向上取整

floor（） 向下取整

random() 隨機數方法 // 產生的偽隨機數介于 0 和 1 之間（含 0，不含 1），

round 四舍五入

3、Array數組對象:

創建數組的方式1：

var 變量名 = new Array(); 創建一個長度為0的數組。

方式2：

var 變量名= new Array(長度) 創建一個指定長度的數組對象。

方式3：

var 變量名 = new Array("元素1","元素2"...); 給數組指定元素創建數組 的對象。

方式4：

var 變量名 = ["元素1","元素2"...];

數組要注意的細節：

1. 在javascript中數組的長度是可以發生變化的。

var arr = new Array(); //創建了一個長度為0的數組對象。
arr[100] = 10;
document.write("arr長度："+arr.length+"<br/>");
var arr2 = new Array("狗娃","狗剩","鐵蛋");
arr2 = ["狗娃","狗剩","鐵蛋","張三"];
document.write("arr2長度："+arr2.length+"<br/>");

3.1數字的方法

a、concat把arr1與arr2的數組元素組成一個新的數組返回。　　
arr1 = arr1.concat(arr2);

b、join使用指定的分隔符把數組中的元素拼裝成一個字符串返回。

var elements = arr1.join(",");

c、pop ：移除數組中的最后一個元素并返回該元素。

d、push：將新元素添加到一個數組中，并返回數組的新長度值。

arr1.push("你好");

e、reverse(); 翻轉數組的元素

f、slice指定數組 的開始索引值與結束索引值截取數組的元素，并且返回子數組。（包頭不包尾）

var subArr = arr1.slice(1,2);

g、sort排序，排序的時候一定要傳入排序的方法。（不傳時默認是按照ASCII表排列）

arr1 = [19,1,20,5];
arr1.sort(sortNumber); //排序，排序的時候一定要傳入排序的方法。
function sortNumber(num1,num2){ 
return num1-num2;
}

h、splice第一個參數是開始刪除元素的 索引值， 第二參數是刪除元素的個數，往后的數據就是插入的元素（也可以不寫）。

arr1.splice(1,1,"張三","李四","王五");

相信看了本文案例你已經掌握了方法，更多精彩請關注Gxl網其它相關文章！

推薦閱讀：

微信小程序調用相機拍照

JS使用createElement()動態添加HTML

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com