首頁 > 文章 > web前端 > 如何使用JS求Number類型數組最大元素

如何使用JS求Number類型數組最大元素

php中世界最好的语言原創: 2018-05-26 14:49:121701瀏覽

這次帶給大家怎樣使用JS求Number類型數組最大元素，使用JS求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，就是那個前面提到的那個函數。它有四個參數：

accumulator：累加器，它是上次執行callback的結果。如果提供了initialValue，那麼第一次就是initialValue;
currentValue：目前遍歷的陣列的元素；
currentIndex：目前遍歷的數組的元素的index，從0開始。如果提供了initialValue，那就從1開始；
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,"张三","李四","王五");

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

如何使用JS求Number類型數組最大元素

相關文章