js数组和对象的循环方法和注意点

注意点：
是否是ES6语法
对象方法是否包含不可枚举属性、是否包含非自身属性（继承属性）

一.既可以遍历数组也可以遍历对象的方法
1.for in 循环对象（遍历对象自身的和继承的可枚举的属性）和数组

let obj = {
  name:'zhou',
  age:'**'
}
for (let i in obj){
  console.log(i, obj[i])
}

二.遍历对象的方法
1.Object.keys()（ES6）（遍历自身的可枚举的属性的键名）
返回的是一个包含对象自身可枚举属性的数组(不含Symbol属性)。

2.Objcet.getOwnPropertyNames()（遍历自身的可枚举和不可枚举属性）
返回数组

三.遍历数组的方法

1.for循环（包括原型继承的属性）

let arr = [1, 2, 3]
for (let i=0; i<arr.length; i++){
  console.log(i, arr[i])
}

没有返回值;
可以跳出循环
i为字符串格式，当循环数组时，需要和数组索引的number格式区分。
另外，它不仅遍历自身的属性，还会找到 prototype 上去，所以最好在循环体内加一个判断，就用 obj.hasOwnProperty(obj(i))，这样就避免遍历出太多不需要的属性。

2.forEach

let arr = [1, 2, 3]
arr.forEach(function(i, index){
  console.log(i, index)
})

没有返回值;
在所有元素调用完毕之前是不能停止的；

3.map循环

let arr = [1, 2, 3]
let tt = arr.map(function (i) {
  console.log(i)
  return i*2
})

返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值；
不可以跳出循环

4.for of （ES6）

for (let i of arr) {
  console.log(i)
}

没有返回值
Es6 中新增的语句，用来替代 for in 和 forEach，它允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代(Iterable data)的数据结构。

5.filter

let arr = [1, 2, 3]
let tt = arr.filter(function(i) {
  return i > 1
})

有返回值
返回通过过滤的元素组成的新数组

6.some

let arr = [1, 2, 3]
let tt = arr.some(function(i) {
return i > 1
})

用于检测数组中的元素是否有满足指定条件（函数提供）的元素,返回 boolean 值，只要有符合的，就返回true。

7.every

let arr = [1, 2, 3]
let tt = arr.some(function(i) {
return i > 1
})

用于检测数组是否所有元素都符合指定条件（通过函数提供），返回 boolean 值，都符合才返回true。

个人不常用：
8.while

cars=["BMW", "Volvo", "Saab", "Ford"]
var i = 0
while (cars[i])
{
console.log(cars[i])
i++
}

9.do while

let i = 3
do {
  console.log(i)
  i--
}
while (i > 0)