forEach和for in在數據處理中的用法

我們在渲染數據的時候經常會碰到這種情況（後臺給你的數據是多個對象的組合，而你需要的是一個可以forEach的數組），這個時候就需要處理一下了，具體操作如下：

 

    

var obj = {

1: {a: 1,b: 2},

2: {a: 1,b: 2},

3: {a: 1,b: 2},

4: {a: 1,b: 2},

5: {a: 1,b: 2}}

var keys = Object.keys(obj);

var catList=[];

console.log(keys);

keys.forEach((key)=>{

catList.push(obj[key])

})

console.log(obj)

console.log(catList)

 

//  一個簡單的對象切換數組

 

  

for in 的使用方法：

<script>

var data=[{name:"Mr陳1",age:18},{name:"Mr陳2",age:19},{name:"Mr陳3",age:20},{name:"Mr陳4",age:21}]

console.log(data);

 

data.forEach((item)=>{

console.log(item);

for(var key in item){

console.log(key);

console.log(item[key]);

}

})

 

</script>