2.for...in
for循環(huán)的一個(gè)變體是for ... in循環(huán)，它可以把一個(gè)對(duì)象的所有屬性依次循環(huán)出來(lái)：
var arr = [10,20,30];
for (var i in arr){
console.log(i+" : "+typeof i);//0 : string
console.log(arr[i]+" : "+typeof arr[i]);//10 : number
}
注意：
for ... in 是用來(lái)遍歷對(duì)象的屬性的，實(shí)際上JavaScript對(duì)象的所有屬性都是字符串，不過(guò)屬性對(duì)應(yīng)的值可以是任意數(shù)據(jù)類型。
由于Array也是對(duì)象，而它的每個(gè)元素的索引被視為對(duì)象的屬性，因此，for ... in循環(huán)可以直接循環(huán)出Array的索引，但得到的是String而不是Number
3. forEach()
forEach 從頭到尾遍歷數(shù)組，為每個(gè)元素調(diào)用制定的函數(shù)
function say(element, index, array){
document.write("["+index+"] is "+element);
}
["one","two","three"].forEach(say);//[0] is one...
補(bǔ)充：
arrayObject.forEach(callback[, thisObject])
callback: 函數(shù)測(cè)試數(shù)組的每個(gè)元素
thisObject: 對(duì)象作為該執(zhí)行回調(diào)時(shí)使用
兼容性問題：forEach是一個(gè)JavaScript擴(kuò)展到ECMA-262標(biāo)準(zhǔn);因此它可能不存在在標(biāo)準(zhǔn)的其他實(shí)現(xiàn)。比如，Firefox 和Chrome 的Array 類型都有forEach的函數(shù),但是IE中中沒有。
兼容IE的方法：添加如下腳本
//Array.forEach implementation for IE support..
//https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/forEach
if (!Array.prototype.forEach) {
Array.prototype.forEach = function(callback, thisArg) {
var T, k;
if (this == null) {
throw new TypeError(" this is null or not defined");
}
var O = Object(this);
var len = O.length >>> 0; // Hack to convert O.length to a UInt32
if ({}.toString.call(callback) != "[object Function]") {
throw new TypeError(callback + " is not a function");
}
if (thisArg) {
T = thisArg;
}
k = 0;
while (k < len) {
var kValue;
if (k in O) {
kValue = O[k];
callback.call(T, kValue, k, O);
}
k++;
}
};
}
引申：用forEach實(shí)現(xiàn)的數(shù)組去重函數(shù)：
Array.prototype.delrep = function(fun){
if (this === null){
throw new TypeError("this is null or not defined");
}
if (!fun){
function fun(d){
return d ;
}
} else {
if (Object.prototype.toString.call(fun) != "[object Function]"){
throw new TypeError(fun +"is not a function");
}
}
var newArr = [];
this.sort(function(a,b){
return fun(a) > fun(b)? -1 : 1;
});
newArr.push(this[0]);
this.forEach(function(d){
if (fun(d) != fun(newArr[0])){
newArr.unshift(d);
}
});
return newArr;
}
//測(cè)試實(shí)例1
[5,2,6,3,5,3,6,7,4].delrep();//[2,3,4,5,6,7]
data = [
{
name : "hihi",
value: 123
},
{
name : "guagua",
value: 345
},
{
name : "hihi",
value: 567
}
]
data.delrep(function(d){
return d.name;
}); /* [
{
name : "hihi",
value: 123
},
{
name : "guagua",
value: 345
},
{
name : "hihi",
value: 567
}
] */
4.map
map 把數(shù)組的每個(gè)元素傳給指定的函數(shù)，并返回一個(gè)數(shù)組。
function pow(x){
return x*x;
}
[1,2,3,4].map(pow);//[1,4,9,16]
5.reduce
Array的reduce()把一個(gè)函數(shù)作用在這個(gè)Array的[x1, x2, x3...]上，這個(gè)函數(shù)必須接收兩個(gè)參數(shù)，reduce()把結(jié)果繼續(xù)和序列的下一個(gè)元素做累積計(jì)算,其效果就是：
[x1,x2,x3,x4].reduce(f) = f(x4,f(x3,f(x1,x2)))
var arr = [1,2,3,4,5];
arr.reduce(function(a,b){
return a*10+b;
});//12345
6.filter
filter 把數(shù)組的每個(gè)元素傳給指定的函數(shù)，通過(guò)函數(shù)返回的布爾值決定是否在返回?cái)?shù)組中添加該元素
var arr = [" A","",undefined,null," ","c"];
var r = arr.filter(function(s){
return s&&s.trim();// 注意：IE9以下的版本沒有trim()方法
});
arr;//["A","",undefined,null," ","c"]
r;//["A","C"]
注意：filter會(huì)返回一個(gè)新數(shù)組
7.every
確定數(shù)組的所有成員是否滿足指定的測(cè)試。
arrayObject.every(callback[, thisArg])
callback: 必需。一個(gè)接受最多三個(gè)參數(shù)的函數(shù)。 every 方法會(huì)為 arrayObject 中的每個(gè)元素調(diào)用 callback 函數(shù)，直到 callback 返回 false，或直到到達(dá)數(shù)組的結(jié)尾。
thisArg: 可選。可在 callback 函數(shù)中為其引用 this 關(guān)鍵字的對(duì)象。如果省略 thisArg，則 undefined 將用作 this 值
返回值： 如果 callback 函數(shù)為所有數(shù)組元素返回 true，則為 true；否則為 false。如果數(shù)組沒有元素，則 every 方法將返回 true。
注意：
every 方法會(huì)按升序順序?qū)γ總€(gè)數(shù)組元素調(diào)用一次 callback 函數(shù)，直到 callback 函數(shù)返回 false。如果找到導(dǎo)致 callback 返回 false 的元素，則 every 方法會(huì)立即返回 false。否則，every 方法返回 true。
不為數(shù)組中缺少的元素調(diào)用該回調(diào)函數(shù)。
除了數(shù)組對(duì)象之外，every 方法可由具有 length 屬性且具有已按數(shù)字編制索引的屬性名的任何對(duì)象使用。
回調(diào)函數(shù)語(yǔ)法
function callback(value,index,array)
可使用最多三個(gè)參數(shù)來(lái)聲明回調(diào)函數(shù)。
value:數(shù)組元素的值。
index:數(shù)組元素的數(shù)字索引。
array:包含該元素的數(shù)組對(duì)象。
// Create a function that returns true if the value is
// numeric and within range.
var checkNumericRange = function(value) {
if (typeof value !== "number")
return false;
else
return value >= this.minimum && value <= this.maximum;
}
// Create an array of numbers.
var numbers = [10, 15, 19];
// Check whether the callback function returns true for
// all of the array values.
// The obj argument enables use of the this value
// within the callback function.
var obj = { minimum: 10, maximum: 20 }
if (numbers.every(checkNumericRange, obj))
document.write ("All are within range.");
else
document.write ("Some are not within range.");
// Output:
// All are within range.
8.some
some方法和every方法的語(yǔ)法類似，不過(guò)some方法把數(shù)組的每個(gè)元素傳給指定的函數(shù)，如果有調(diào)用返回true則every函數(shù)返回true
arrayObject.some(callback[, thisArg])
callback: 必需。一個(gè)接受最多三個(gè)參數(shù)的函數(shù)。 every 方法會(huì)為 arrayObject 中的每個(gè)元素調(diào)用 callback 函數(shù)，直到 callback 返回 true，或直到到達(dá)數(shù)組的結(jié)尾。
thisArg: 可選。可在 callback 函數(shù)中為其引用 this 關(guān)鍵字的對(duì)象。如果省略 thisArg，則 undefined 將用作 this 值
返回值： some 方法會(huì)按升序索引順序?qū)γ總€(gè)數(shù)組元素調(diào)用 callback 函數(shù)，直到 callback 函數(shù)返回 true。如果找到導(dǎo)致 callback 返回 true 的元素，則 some 方法會(huì)立即返回 true。如果回調(diào)不對(duì)任何元素返回 true，則 some 方法會(huì)返回 false
參考
1.循環(huán)-廖雪峰官方網(wǎng)站
2.詳解JavaScript中的forEach()方法的使用
3.javascript的Foreach語(yǔ)法
4.javascript數(shù)組去重函數(shù)
5.ECMAScript 5中的數(shù)組新方法
6.every 方法 (Array) (JavaScript).aspx)
