我經常會操作數組,而且避免不了對每一個字段的操作,這樣就會用到遍歷,遍歷有好多種,今天我歸納一下經常會用到的幾個:
1、foreach 是一個我們經常用的一個:
var name = ['張三', '李四', '王五']; name.foreach(function(v,k) { console.log(v); //這樣就會分別將name遍歷出來 }); //注意:jquery中each方法是反的,比如: $(name).each(function(k,v){ console.log(v); }); //這里面的this指向的v
2、map 和foreach 近乎很像,但是也有它的不同之處,比如:
var a1 = ['a', 'b', 'c']; var a2 = a1.map(function(item,key,ary) { return item.toUpperCase(); }); console.log(a1);// ['a','b','c']; console.log(a2); //['A','B','C']; 注意:map 是表示映射的,也就是一一對應,遍歷完成之后會返回一個新的數組,但是不會修改原來的數組
3、filter 它呢有過濾的意思,也就說它就是一個過濾器 ,那它怎么用呢
var a1 = [1,2,3,4,5,6]; var a2 = a1.filter(function(item) { return item <= 3; }); console.log(a2); // [1,2,3]; //filter 它將是遍歷每一個元素,用每一個元素去匹配,如果返回true,就會返回一個次數,最后將所有符合添加的全部選出
4、reduce(從左到右 依此遍歷,一般用來做加減乘除用算用的)
var a1 = [1, 2, 3]; var total = a1.reduce(function(first, second) { return first + second; },0); console.log(total) // Prints 6 //注意 1、就是 return first+second 其實相當於 return first+=second; 也就是說每次的first 是上一次的和 //2、就是function{}后面的參數,如果 有值 那么第一次加載的時候 first = 0; second = 1;如果沒有值 , first = 1 , second = 2;如果后面的參數是個字符串,那么就是會是字符串拼接、
5、every(且)
function isNumber(value){ return typeof value == 'number'; } var a1 = [1, 2, 3]; console.log(a1.every(isNumber)); // logs true var a2 = [1, '2', 3]; console.log(a2.every(isNumber)); // logs false //注意:數組中每一個元素在callback上都被返回true時就返回true,否則為false
6、some (或)
function isNumber(value){ return typeof value == 'number'; } var a1 = [1, 2, 3]; console.log(a1.some(isNumber)); // logs true var a2 = [1, '2', 3]; console.log(a2.some(isNumber)); // logs true var a3 = ['1', '2', '3']; console.log(a3.some(isNumber)); // logs false //注意:只要數組中有一項在callback上被返回true,就返回true