一、for in | for of
1)for in
for...in...用于遍历数组或者对象的属性。这属性包括自身的属性和原型链的可枚举的属性!(非整数类型的名称和继承的那些)
该遍历方法返回的先后次序可能会因浏览器(宿主环境)而异;
因此不建议用 for...in...去遍历数组
let arr = [1,2,3];
let obj = {
name:'JY',
age:23.5
}
for(let key in arr/obj){
console.log(key);
//arr : 0,1,2 (0,1,2是String类型)
//过滤继承的属性的方法:
obj.hasOwnProperty(key)
// obj : name,age
}
2) for...of...
for...of...可以用来遍历有迭代器(iterator)的集合(数组,类数组,Map,Set,string,arguments等),不建议用来遍历对象,遍历对象建议用for...in...(本质工作)
//遍历数组
let arr = [2,3,4];
for(let value of arr){
console.log(value); // 1,2,3
}
//遍历字符串
let str = 'boo'
for(let value of str){
console.log(value); // 'b','o','o'
}
...
for...of...方法遍历数组时,可以正确相应break、continue、return语句
二、常用数组遍历方法
1)arr.forEach();
forEach() 方法对数组的每个元素执行一次提供的函数。
forEach()方法不能使用break、continue、return等语句
forEach()方法不会改变原数组。
用法
[1,2,3].forEach(function(value,index,arr){
console.log(value,index,arr);
// 1,0,[1,2,3]
// 2,1,[1,2,3]
// 3,2,[1,2,3]
},this)
// this,表示函数内的this指向。可以
2)arr.map()
map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
即返回每个元素执行回调的返回值,组成的新数组
var numbers = [1, 4, 9];
var roots = numbers.map(Math.sqrt);
// roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9]
3) arr.reduce()
对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。
reduce(function,initialValue)
initialValue 用作第一个调用 callback的第一个参数的值。 如果没有提供初始值,则将使用数组中的第一个元素
//数组里所有值的和
var sum = [0, 1, 2, 3].reduce(function (a, b) {
return a + b;
}, 0);
// sum is 6
//将二维数组转化为一维
var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
function(a, b) {
return a.concat(b);
},
[]
);
// flattened is [0, 1, 2, 3, 4, 5]
4) arr.every()
every()方法测试数组的所有元素是否都通过了指定函数的测试。
只有每个callback函数返回true,整个arr.every()才会返回true,否则false
function isBigEnough(element, index, array) {
return (element >= 10);
}
var passed = [12, 5, 8, 130, 44].every(isBigEnough);
// passed is false
passed = [12, 54, 18, 130, 44].every(isBigEnough);
// passed is true
5) arr.some()
some()方法与every()方法相反,只要子元素中有一个令callback函数返回true,则整个arr.some()返回true;全不满足则返回false;
const isBiggerThan10 = (element, index, array) => {
return element > 10;
}
[2, 5, 8, 1, 4].some(isBiggerThan10);
// false
[12, 5, 8, 1, 4].some(isBiggerThan10);
// true
array.slice()是对数组的深/浅拷贝,不会影响原数组的内部结构
num | 0 向上取整 Math.floor()类似