js中数组和对象的简单总结

数组:

1.for循环

 for(j = 0; j < arr.length; j++) { }

优化版for循环

for(j = 0,len=arr.length; j < len; j++) { }

对于数组较大时，优化比较明显；

2.foreach

arr.forEach(function(e){  
   
});

3.for…in
专为遍历对象而设置的，但遍历时index下标是字符串而不是数字

var arr = new Array("first", "second", "third") 
for(var item in arr) {
	document.write(arr[item]+",");
}

for…in 的效率比较低

4.map

arr.map(function(n){  
   
});

5.for…of
需要ES6支持

for(let value of arr) {  
   
});

for、map是比较常用的两种方法，性能也还行。
关于跳出循环的几种方式：

• return ==》结束循环并中断函数执行；
• break ==》结束循环函数继续执行；
• continue ==》跳过本次循环；
• for循环中的变量 i，由于 ES5并没有块级作用域的存在，它在循环结束以后仍然存在于内存中，所以建议使用函数自执行的方式来避免；

对象：

总体思路：先得到对象的所有属性，通过obj[key]来遍历
1.Object.keys()
返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性).

var obj = {'0':'a', '1':'b', '2':'c'}
Object.keys(obj).forEach(function (key) {
     console.log(key, obj[key])
})
// 0 a
// 1 b
// 2 c

2.for…in…
循环遍历对象自身的和继承的可枚举属性(不含Symbol属性).
效率低效

var obj = {'0':'a', '1':'b', '2':'c'}
for(var i in obj) {
     console.log(i, ":", obj[i])
}
// 0 : a
// 1 : b
// 2 : c

3.Object.getOwnPropertyNames(obj)
返回一个数组,包含对象自身的所有属性(不含Symbol属性,但是包括不可枚举属性)

var obj = {'0':'a', '1':'b', '2':'c'}
Object.getOwnPropertyNames(obj).forEach(function (key) {
    console.log(key, obj[key])
})

4.Reflect.ownKeys(obj)
返回一个数组,包含对象自身的所有属性,不管属性名是Symbol或字符串,也不管是否可枚举

var obj = {'0':'a', '1':'b', '2':'c'}
Reflect.ownKeys(obj).forEach(function (key) {
  console.log(key, obj[key])
})