【JavaScript：For in 函數】撈資料的好方法

傳統的For函數寫法

var data=["red","yellow","blue"]
//一個紅色、黃色、藍色的資料

for (var i=0 ; i<data.length ; i++){
console.log(data[i])
}
//用傳統for寫法把顏色出來

輸出結果：

red
yello
blue

For in寫法

取「陣列資料」

//陣列資料
var data=["red","yellow","blue"]

//用for in取資料
for (var item in data){
console.log(data[item])
}

輸出結果：

red
yello
blue

• 用for in時，函數會去自己撈資料的數量
• item是資料的數量（不一定要叫item，可以自己取名字）

取「陣列中的物件」資料

//陣列中的物件資料
var data=[
  {
   cloth:"prada",
    color:"red"
  },
  {
    colth:"koko",
    color:"blue"
  }
]

for(item in data){
  console.log(item)
}
//來看看console.log(item)會撈出什麼～

for(var item in data){
   console.log(data[item].color)
}
//試著撈出顏色資料

輸出結果

0
1 
//表示說有兩筆資料
red
blue

取「物件資料」

//物件資料

var data={

  order1:{
  content:"衣服"
  }, 

  order2:{
  content:"帽子"
  }

}

for(item in data){
  console.log(item)
}
//來看看console.log(item)會撈出什麼～

for(item in data){
  console.log(data[item].content)
}
//試著撈出訂單資料

輸出資料:

order1
order2
衣服
帽子

​