EA&UML日拱一卒-0基礎(chǔ)學(xué)習(xí)微信小程序(12)-ECMAScript5數(shù)組操作方法
首先補充說明一下,ECMAScript是歐洲計算機制造商協(xié)會(European?Computer?Manufacturers?Association) 為了統(tǒng)一各種script,以JavaScript1.1為基礎(chǔ)搞出來的一種腳本語言規(guī)范。ECMAScript5是這個規(guī)范第五個版本。由于它得到了各 大瀏覽器廠商的響應(yīng)積極,所以稱得上是JavaScript的未來。微信小程序也支持ECMAScript5。
ECMASript5中的數(shù)組方法
forEach
forEach方法提供了一種相對簡單的(至少是在形式上)方法遍歷數(shù)組,它有3個參數(shù):數(shù)組元素,元素的索引和數(shù)組本身。
data = [1, 2, 3, 4, 5];
//所有元素求和
var sum = 0;
data.forEach(funtion(value){sum += value;})??
sum?????????????????????????????????????????????????? //=>15
//每個元素乘2
data.forEach(function(v, i, a){ a[i] = v * 2;});
data?????????????? //=>[2, 4, 6, 8, 10]
看懂沒有?如果沒懂也不要緊,我們以乘2為例,稍微展開說明。代碼可能不能執(zhí)行,只是為了說明。
forEach的實現(xiàn)大致如下,想象的,偏差應(yīng)該不大。
function forEach(f)
{
????for(int i = 0;? i < array.length; i++)
????????f(array[i], i, array); ???
}
用戶定義一個函數(shù),參數(shù)為數(shù)組元素,元素的索引和數(shù)組本身。之所以這樣定義是forEach方法實現(xiàn)的要求。
function mul2(v, i, a)
{
????a[i] = v * 2;
}
接下來是調(diào)用
data.forEach(mul2);
這樣就好理解多了。示例中只是將定義乘2函數(shù)和調(diào)用該函數(shù)合并成了一行。
map
這個方法和映射沒有任何關(guān)系,功能是將數(shù)組中的每個元素傳遞給指定的函數(shù)進(jìn)行處理,并將返回值合成一個數(shù)組返回。
a = [1, 2, 3];
b = a.map(function(value){ return value * 2}); //=>b = [2, 4, 6]
flter
對數(shù)組中的每個元素進(jìn)行篩選,返回由符合條件的元素構(gòu)成的數(shù)組。
?a = [1, 2, 3, 4, 5, 6, 7]
?b = a.filter(function(x){ return x%2== 0? });? //=>b= [2, 4, 6]
every和some
every方法和some方法對數(shù)組進(jìn)行邏輯判定。
a = [1, 2, 3, 4, 5];
a.every(fuction(x){ return x > 3 }); //=> false.?
這個方法對數(shù)組的所有元素調(diào)用指定的函數(shù),只有所有的(every)結(jié)果都為真,every方法的結(jié)果才為真,否則結(jié)果為假。
a = [1, 2, 3, 4, 5];
a.some(fuction(x){ return x > 3 }); //=> true.?
這個方法對數(shù)組的所有元素調(diào)用指定的函數(shù),只要某些(some)結(jié)果為真,some方法的結(jié)果就為真,只有所有的結(jié)果都為假時,結(jié)果才為假。
reduce和reduceRight
reduce方法和reduceRight方法使用指定的函數(shù)將數(shù)組元素進(jìn)行合并,生成單個值。
a = [1, 2, 3, 4, 5];
factorial = a.reduce(function(prev, v){ return prev * v });
這是一個計算階乘的例子。被指定函數(shù)的兩個參數(shù)一個是前一次計算的結(jié)果,一個是新的元素值。reduce方法會對所有的元素調(diào)用指定函數(shù)。實際上除了函數(shù)以外,reduce還有另外一個參數(shù),用于指定計算的初始值。如果不指定,則使用數(shù)組的第一個元素作為初始值。
reduceRight的功能和reduce類似,只是計算的方向是從后向前。
indexOf和lastIndexOf
indexOf方法搜索數(shù)組中的元素,找到第一個具有給定值的元素的索引值,如果沒有找到,則返回-1。可以使用可選的第二參數(shù)指定檢索的開始位置。
lastIndexOf的功能和indexOf類似,只是計算的方向是從后向前。
參考資料
【JavaScript權(quán)威指南,機械工業(yè)出版社】
寫在文章的最后