js数组进阶学习

一、四种遍历方式

for循环

for(var i = 0; i < arr.length; i++){
	console.log("第一种遍历方式\t"+arr[i]);
}

for in循环

for(var index in arr){
	console.log("第二种遍历方式\t"+arr[index]);
}

for of循环

for(var item of arr){
	console.log("第三种遍历方式\t"+item);
}

foreach循环

arr.forEach(function(item,index){
	console.log("第四种遍历方式\t"+arr[index]+"-----"+item);
});

二、map和filter

map

原数组被“映射”成对应新数组,对数组中每一项运行回调函数，返回该函数的结果组成的新数组。return什么新数组中就有什么; 不return返回undefined;

var users = [
  {name: "张含韵", "email": "zhang@email.com"},
  {name: "江一燕",   "email": "jiang@email.com"},
  {name: "李小璐",  "email": "li@email.com"}
];

var emails = users.map(function (user) { return user.email; });

这里我们得到一个新的数组只含有email的新数组

filter

返回过滤后的新数组。对数组中每一项运行回调函数，该函数返回结果是true的项组成的新数组

var data = [0, 1, 2, 3];
var arrayFilter = data.filter(function(item) {
    return item % 2 != 0;
});

二者区别：

• map 是把数组中的值一个一个的进行某种处理，把处理后的值放到一个新的数组中，并返回这个新的数组。

• filter是通过某种筛选条件把数组中符合条件的值放到一个新的数组中，并返回这个新数组

三、every和some

every

对数组中每一项运行回调函数，如果都返回true，every返回true，
如果有一项返回false，则停止遍历 every返回false；不写默认返回false

var bool = arr.every(function (element, index, array) {
    //判断：我们定义所有元素都大于200;
	return element > 200 ? true : false;
 });

some

对数组中每一项运行回调函数，如果该函数对某一项返回true，则some返回true;

var bool = arr.some(function (element, index, array) {
    //判断：我们定义所有元素都大于200;
	return element > 200 ? true : false;
 });

四、reduce和reduceRight

reduce：是从左到右处理（从第一个成员到最后一个成员）

reduceRight：则是从右到左（从最后一个成员到第一个成员），其他完全一样。

这两个方法的第一个参数都是一个函数。该函数接受以下四个参数：

• 累积变量，默认为数组的第一个成员
• 当前变量，默认为数组的第二个成员
• 当前位置（从0开始）
• 原数组

这四个参数之中，只有前两个是必须的，后两个则是可选的。

var arr = [1, 2, 3, 4, 5];
arr.reduce(function(x, y){
  console.log(x, y)
  return x + y;
});
// 1 2
// 3 3
// 6 4
// 10 5
//最后结果：15