首頁 > web前端 > 前端問答 > JavaScript怎麼求數組長度和元素總和

JavaScript怎麼求數組長度和元素總和

青灯夜游
發布: 2022-09-20 14:11:55
原創
2051 人瀏覽過

JavaScript中,可利用length屬性來取得數組長度,語法「數組物件.length」;可使用reduce()或reduceRight()函數來求元素總和,語法「arr.reduce(function f (pre,curr){return pre cur})」或「arr.reduceRight(function f(pre,curr){return pre cur})」。

JavaScript怎麼求數組長度和元素總和

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

JavaScript求數組長度

#在javascript中,可以利用陣列物件的length屬性來取得陣列長度。

每個陣列都有一個 length 屬性,該屬性傳回陣列的最大長度,即其值等於最大下標值加 1。由於數字下標必須小於 2^32-1,所以 length 屬性最大值等於 2^32-1。

範例1

下面程式碼定義了一個空數組,然後為下標等於 100 的元素賦值,則 length 屬性傳回 101。因此,length 屬性不能體現陣列元素的實際個數。

var a = [];  //声明空数组
a[100] = 2;
console.log(a.length);  //返回101
登入後複製

輸出:

101
登入後複製

length 屬性可讀可寫,是一個動態屬性。 length 屬性值也會隨陣列元素的變化而自動更新。同時,如果重設length 屬性值,也會影響數組的元素,具體說明如下:

如果length 屬性被設定了一個比當前length 值小的值,則數組會被截斷,新長度之外的元素值都會遺失。

如果 length 屬性被設定了一個比目前 length 值大的值,那麼空數組就會被加到數組末尾,使得數組增長到新指定的長度,讀取值都為 undefined。

範例2

下面程式碼示範了 length 屬性值動態變化對陣列的影響。

var a = [1,2,3];  //声明数组直接量
a.length = 5;  //增长数组长度
console.log(a[4]);  //返回undefined,说明该元素还没有被赋值
a.length = 2;  //缩短数组长度
console.log(a[2]);  //返回undefined,说明该元素的值已经丢失
登入後複製

輸出:

undefined
undefined
登入後複製

JavaScript求陣列總和

方法1:使用reduce()

reduce()    將陣列元素計算為一個值(由左至右)。    

var a = [1, 2, 3, 4, 5];
var b =a.reduce(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
登入後複製

JavaScript怎麼求數組長度和元素總和

說明:

reduce() 方法可對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果,且此回傳值在下一次呼叫該回呼函數時作為參數提供。具體用法如下:

array.reduce(callbackfn[, initialVaule]);
登入後複製

參數說明:

  • array:必要參數,陣列物件。

  • callbackfn:必要參數,一個接受最多四個參數的函數。對於陣列中的每個元素,recude() 方法都會呼叫 callbackfn 函數一次。

  • initialVaule:可選參數,如果指定 initialVaule,則它將用作初始值來啟動累積。第一次呼叫 callbackfn 函數會將此值作為參數而非陣列值提供。

reduce() 方法的傳回值是透過最後一次呼叫回呼函數所獲得的累積結果。

如果提供了參數initialVaule,則reduce() 方法會對數組中的每個元素呼叫一次callbackfn 函數(按升序索引順序);如果為提供initialVaule,則reduce() 方法會對從第2 個元素開始的每個元素都呼叫callbackfn 函數。

回呼函數的回傳值在下一次呼叫回呼函數時會作為 previousValue 參數提供。最後一次呼叫回呼函數所獲得的回傳值為 recude() 方法的回傳值。此方法不會為數組中缺少的元素呼叫該回調函數。

回呼函數的語法如下:

function callbackfn(previousValue, currentVaule, currentIndex, array);
登入後複製

回呼函數參數說明:

  • previousValue:透過上一次呼叫回呼函數所得到的值。如果向 reduce() 方法提供 initialValue,則在首次呼叫函數時,previousValue 為 initialValue。

  • currentVaule:目前元素陣列的值。

  • currentIndex:目前陣列元素的數字索引。

  • array:包含該元素的陣列物件。

在第一次呼叫回呼函數時,作為參數提供的值取決於 reduce() 方法是否有 initialValue 參數。如果提供 recude() 方法 initialValue,則 previousValue 參數為 initialValue,currentValue 參數是數組中第 1 個元素的值。

方法2:使用reduceRight()

reduceRight()    將陣列元素計算為一個值(由右至左)。  

var arr = [1, 2, 3, 4, 5, 5];
var b =arr.reduceRight(function f(pre, curr){
	return pre + curr;
	});
console.log(b);
登入後複製

JavaScript怎麼求數組長度和元素總和

說明:

reduceRight() 方法可從右向左對陣列中的所有元素呼叫指定的回呼函數。此回調函數的傳回值為累積結果,且此回傳值在下一次呼叫該回呼函數時作為參數提供。具體用法如下:

array.reduceRight(callbackfn[, initialValue]);
登入後複製

该方法的语法和用法与 reduce() 方法大概相同,唯一不同的是,它是从数组右侧开始调用回调函数。如果提供了 initialValue,则 reduceRight() 方法会按降序索引顺序对数组中的每个元素调用一次 callbackfn 函数。如果未提供 initialValue,则 reduceRight() 方法会按降序索引顺序对每个元素(从倒数第 2 个元素开始)调用 callbackfn 函数。

【相关推荐:javascript视频教程web前端开发

以上是JavaScript怎麼求數組長度和元素總和的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板