vue初學者在使用v-for屬性時可能不能區分陣列遍歷和物件的遍歷,這裡做乙個記錄:
v-for指令是用來遍歷 陣列、物件以及整數的,下面依次講解
遍歷陣列
v-for最常用的可能就是用來遍歷陣列,接受兩個引數(item, index),item為遍歷出的每組資料,index為每組資料的索引,可做唯一標識
}: }
new vue(
})
2.遍歷物件
v-for遍歷物件可接受三個引數(value, key, index),value為每個物件的value值,key為key值,index為索引
}: }: }
new vue(
} })
3.遍歷整數
如下,遍歷整數會一次列印出1,2,3,4,5
}
new vue(
})
react遍歷陣列和物件
map陣列 react中遍歷陣列採用陣列的map迭代 注意 在map中要加key key 幫助 react 識別哪些元素改變了,比如被新增或刪除。因此你應當給陣列中的每乙個元素賦予乙個確定的標識 虛擬dom對比的時候,加key可以避免出錯。如果不加key,當乙個元素新增的時候,後面的元素就會經歷解除...
js遍歷陣列(物件)
例 let arr 1,2,3 for let i 0 iconsole.log arr i 輸出結果 1 2 3 例 let arr 1,2,3 for let i in arr 輸出結果 1 2 3 說明 同普通for迴圈,以key遍歷查詢陣列或物件 例 let arr 1,2,3 for le...
遍歷陣列,遍歷物件的方法
遍歷陣列 方法1 for 迴圈 使用臨時變數將陣列長度快取起來,避免重複獲取陣列長度 for var i 0,leng arr.length i leng i 方法2 foreach迴圈 遍歷陣列中的每一項,沒有返回值,對原陣列沒有影響,不支援ie arr.foreach item,index,ar...