1. for...of（for of遍历的只是数组内的元素，而不包括数组的原型属性method和索引name）
Array.prototype.method=function(){
console.log(this.length);
}
var myArray=[1,2,4,5,6,7]
myArray.name="数组";
for (var value of myArray) {
console.log(value); // 1,2,3,4,5,6,7
}
for in遍历的是数组的索引（即键名），而for of遍历的是数组元素值。
2. for...in(用for in来遍历对象的键名)
- for-in语句是一中精准的迭代语句，用于枚举对象的属性
for(item in window) {} 遍历window对象的所有属性，每次执行循环都会将window的一个属性赋值给变量item- for in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话，可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性
for (var key in myObject) {
if（myObject.hasOwnProperty(key)){
console.log(key);
}
}
- 同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组，不包括原型方法和属性。
Object.prototype.method=function(){
console.log(this);
}
var myObject={
a:1,
b:2,
c:3
}
Object.keys(myObject).forEach(function(key,index){
console.log(key,myObject[key])
})
3. forEach
- forEach是ES5中Array新方法中最基本的一个
[].forEach(function(value, index, array) {
// 数组元素，元素的索引，数组本身 , this == obj
}，obj);
//兼容低版本IE
Array.prototype.forEach = Array.prototype.forEach || function(fn, context){
for (var k = 0, length = this.length; k < length; k++) {
if (typeof fn === "function" && Object.prototype.hasOwnProperty.call(this, k)) {
fn.call(context, this[k], k, this);
}
}
}
4. map
- map方法的作用就是将原数组按照一定的规则映射成一个新的数组。再将其返回，是返回一个新的数组，而不是将原数组直接改变。
//需return值
var data=[1,3,4]
var squares=data.map(function(val,index,arr){
console.log(arr[index]==val); // ==> true
return val*val
})
console.log(squares); //[1,9,16]
//兼容低版本IE
Array.prototype.map = Array.prototype.map || function (fn, context) {
var arr = [];
if (typeof fn === "function") {
for (var k = 0, length = this.length; k < length; k++) {
arr.push(fn.call(context, this[k], k, this));
}
}
return arr;
};