javascript 遍历数组对象

数组对象

var arr = ["value1","value2","value3"];
var obj = {
    aa:"value1",
    bb:"value2",
    cc:function(){
       console.log("value3")
    }
}

原生方法

//for in 遍历数组
for(var i;i<arr.lengt;i++)
{
   consle.log(i+":"+arr[i]); 
}
//for in 遍历数组 ，对象
for(var i in obj)
{
    console.log(i+':'+obj[i]);
}
//foreach 遍历数组，三个参数依次是数组元素，索引，数组本身
arr.foreach(function(value,index,array){
    console.log(value+','+index+','+array[index]);
})
#注意，for-in、for能正确响应break、continue、return语句，但是 foreach不行

for-of

#for...of语句在可迭代对象(包括 Array, Map, Set, String, TypedArray，arguments 对象等等)上创建一个迭代循环，对每个不同属性的属性值,调用一个自定义的有执行语句的迭代挂钩
//for-of遍历数组，不带索引，i即为数组元素
for(let i of arr){
    console.log(i);//打印的出来的就是值
}
//输出 "value1" "value2" "value3"

// for-of遍历Map对象
let iterable = new Map([["a", 1], ["b", 2], ["c", 3]]);
for (let [key, value] of iterable) {
  console.log(value);
}
//输出 1 2 3
 
// for-of遍历字符串
let iterable = "china中国";
for (let value of iterable) {
  console.log(value);
}
//输出 "c" "h" "i" "n" "a" "中" "国"

Object.keys()

#js有原生的Object.keys()方法（低版本IE不兼容）,返回一个由对象的可枚举属性名组成的数组
/****Object.keys()返回键名数组****/
//数组类型
let arr = ["a", "b", "c"];
console.log(Object.keys(arr));
// (3) ['0', '1', '2']
 
// 类数组对象
let anObj = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(anObj));
// (3) ['2', '7', '100']
 
//一般对象
let xyz = {z: "zzz", x: "xxx", y: "yyy"};
console.log(Object.keys(xyz));
// (3) ["z", "x", "y"]
　　

javascript原生遍历方法的建议用法：

用for循环遍历数组
用for-in遍历对象
用for-of遍历类数组对象（ES6）
用Object.keys()获取对象属性名的集合