站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        JavaScript怎么求數(shù)組長度和元素之和

        JavaScript中,可利用length屬性來獲取數(shù)組長度,語法“數(shù)組對(duì)象.length”;可使用reduce()或reduceRight()函數(shù)來求元素之和,語法“arr.reduce(function f(pre,curr){return pre+cur})”或“arr.reduceRight(function f(pre,curr){return pre+cur})”。

        JavaScript怎么求數(shù)組長度和元素之和

        前端(vue)入門到精通課程:進(jìn)入學(xué)習(xí)

        本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

        JavaScript求數(shù)組長度

        在javascript中,可以利用數(shù)組對(duì)象的length屬性來獲取數(shù)組長度。

        每個(gè)數(shù)組都有一個(gè) length 屬性,該屬性返回?cái)?shù)組的最大長度,即其值等于最大下標(biāo)值加 1。由于數(shù)字下標(biāo)必須小于 2^32-1,所以 length 屬性最大值等于 2^32-1。

        示例1

        下面代碼定義了一個(gè)空數(shù)組,然后為下標(biāo)等于 100 的元素賦值,則 length 屬性返回 101。因此,length 屬性不能體現(xiàn)數(shù)組元素的實(shí)際個(gè)數(shù)。

        var a = [];  //聲明空數(shù)組 a[100] = 2; console.log(a.length);  //返回101

        輸出:

        101

        length 屬性可讀可寫,是一個(gè)動(dòng)態(tài)屬性。length 屬性值也會(huì)隨數(shù)組元素的變化而自動(dòng)更新。同時(shí),如果重置 length 屬性值,也將影響數(shù)組的元素,具體說明如下:

        如果 length 屬性被設(shè)置了一個(gè)比當(dāng)前 length 值小的值,則數(shù)組會(huì)被截?cái)啵麻L度之外的元素值都會(huì)丟失。

        如果 length 屬性被設(shè)置了一個(gè)比當(dāng)前 length 值大的值,那么空數(shù)組就會(huì)被添加到數(shù)組末尾,使得數(shù)組增長到新指定的長度,讀取值都為 undefined。

        示例2

        下面代碼演示了 length 屬性值動(dòng)態(tài)變化對(duì)數(shù)組的影響。

        var a = [1,2,3];  //聲明數(shù)組直接量 a.length = 5;  //增長數(shù)組長度 console.log(a[4]);  //返回undefined,說明該元素還沒有被賦值 a.length = 2;  //縮短數(shù)組長度 console.log(a[2]);  //返回undefined,說明該元素的值已經(jīng)丟失

        輸出:

        undefined undefined

        JavaScript求數(shù)組之和

        方法1:使用reduce()

        reduce() 將數(shù)組元素計(jì)算為一個(gè)值(從左到右)。

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

        JavaScript怎么求數(shù)組長度和元素之和

        說明:

        reduce() 方法可對(duì)數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。該回調(diào)函數(shù)的返回值為累積結(jié)果,并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時(shí)作為參數(shù)提供。具體用法如下:

        array.reduce(callbackfn[, initialVaule]);

        參數(shù)說明:

        • array:必需參數(shù),一個(gè)數(shù)組對(duì)象。

        • callbackfn:必需參數(shù),一個(gè)接受最多四個(gè)參數(shù)的函數(shù)。對(duì)于數(shù)組中的每個(gè)元素,recude() 方法都會(huì)調(diào)用 callbackfn 函數(shù)一次。

        • initialVaule:可選參數(shù),如果指定 initialVaule,則它將用作初始值來啟動(dòng)累積。第一次調(diào)用 callbackfn 函數(shù)會(huì)將此值作為參數(shù)而非數(shù)組值提供。

        reduce() 方法的返回值是通過最后一次調(diào)用回調(diào)函數(shù)獲得的累積結(jié)果。

        如果提供了參數(shù) initialVaule,則 reduce() 方法會(huì)對(duì)數(shù)組中的每個(gè)元素調(diào)用一次 callbackfn 函數(shù)(按升序索引順序);如果為提供 initialVaule,則 reduce() 方法會(huì)對(duì)從第 2 個(gè)元素開始的每個(gè)元素調(diào)用 callbackfn 函數(shù)。

        回調(diào)函數(shù)的返回值在下一次調(diào)用回調(diào)函數(shù)時(shí)作為 previousValue 參數(shù)提供。最后一次調(diào)用回調(diào)函數(shù)獲得的返回值為 recude() 方法的返回值。該方法不為數(shù)組中缺少的元素調(diào)用該回調(diào)函數(shù)。

        回調(diào)函數(shù)的語法如下:

        function callbackfn(previousValue, currentVaule, currentIndex, array);

        回調(diào)函數(shù)參數(shù)說明:

        • previousValue:通過上一次調(diào)用回調(diào)函數(shù)獲得的值。如果向 reduce() 方法提供 initialValue,則在首次調(diào)用函數(shù)時(shí),previousValue 為 initialValue。

        • currentVaule:當(dāng)前元素?cái)?shù)組的值。

        • currentIndex:當(dāng)前數(shù)組元素的數(shù)字索引。

        • array:包含該元素的數(shù)組對(duì)象。

        在第一次調(diào)用回調(diào)函數(shù)時(shí),作為參數(shù)提供的值取決于 reduce() 方法是否具有 initialValue 參數(shù)。如果向 recude() 方法提供 initialValue,則 previousValue 參數(shù)為 initialValue,currentValue 參數(shù)是數(shù)組中第 1 個(gè)元素的值。

        方法2:使用reduceRight()

        reduceRight() 將數(shù)組元素計(jì)算為一個(gè)值(從右到左)。

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

        JavaScript怎么求數(shù)組長度和元素之和

        說明:

        reduceRight() 方法可從右向左對(duì)數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。該回調(diào)函數(shù)的返回值為累積結(jié)果,并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時(shí)作為參數(shù)提供。具體用法如下:

        array.reduceRight(callbackfn[, initialValue]);

        該方法的語法和用法與 reduce() 方法大概相同,唯一不同的是,它是從數(shù)組右側(cè)開始調(diào)用回調(diào)函數(shù)。如果提供了 initialValue,則 reduceRight() 方法會(huì)按降序索引順序?qū)?shù)組中的每個(gè)元素調(diào)用一次 callbackfn 函數(shù)。如果未提供 initialValue,則 reduceRight() 方法會(huì)按降序索引順序?qū)γ總€(gè)元素(從倒數(shù)第 2 個(gè)元素開始)調(diào)用 callbackfn 函數(shù)。

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 久久国产乱子伦精品免费午夜| 国产精品99爱免费视频| 999成人精品视频在线| 久久五月精品中文字幕| 久久99热精品| 国产成人vr精品a视频| 亚洲欧美精品综合中文字幕| 国产精品午夜国产小视频| 久久r热这里有精品视频| 精品久久久久久无码专区不卡| 日韩精品无码Av一区二区| 国产精品久久久天天影视香蕉 | 久热这里只精品99re8久| 日韩国产精品无码一区二区三区| 欧美国产精品久久高清| 黑巨人与欧美精品一区 | 国产精品麻豆欧美日韩ww| 国产伦精品一区二区三区女 | 国产精品美女一区二区视频| 亚洲精品乱码久久久久久中文字幕| 精品成人av一区二区三区| 国产精品亚洲mnbav网站| 777久久精品一区二区三区无码| 国产精品国产三级国产专播| 国产午夜精品一区二区三区 | xxx国产精品视频| 久久99精品久久久久久动态图 | 精品国产一区二区三区久久蜜臀| 88国产精品无码一区二区三区| 国内精品一级毛片免费看| 国产99精品久久| 国产精品爽黄69天堂a| 国产高清在线精品二区一| 9久久9久久精品| 国产精品臀控福利在线观看| 国产精品视频免费观看| 欧洲精品视频在线观看 | 国产精品视频一区二区三区| 四虎成人欧美精品在永久在线| 91精品国产高清久久久久久91 | 国产精品后入内射日本在线观看 |