ES6中數組和對象的周遊

在工作中經常會用到數組或者對象的周遊，for的一大痛點就是額外定義了變量，for循環一多，變量又容易沖突。ES6給出了新的周遊的方法，我們一起來看一下

對象

1. forEach方法

var name = ['張三', '李四', '王五'];
['張三', '李四', '王五'].forEach((v,l,k) => {
	console.log(v);
	console.log(l);
	console.log(k);
})
           

1. map方法： map 是表示映射的，也就是一一對應，周遊完成之後會傳回一個新的數組，但是不會修改原來的數組

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'];
           

1. 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，就會傳回一個次數，最後将所有符合添加的全部選出
           

1. 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；如果後面的參數是個字元串，那麼就是會是字元串拼接、
           

1. 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
           

1. 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
           

對象

可以檢視我另一篇部落格

JS周遊對象