在vue裡遍歷渲染陣列列表我們用的v-for,而在react裡遍歷渲染陣列列表我們直接用陣列的map方法，當然也可以用for... in或陣列的foreach方法等。
react列表渲染title> script> script> script>head>div> //react列表渲染 let arr = ["打王者", "刷抖音", "看電影"]; //1.方法一：陣列的map方法 let mydom = arr.map((item, index) => p> ) }) reactdom.render(mydom, document.getelementbyid("demoreact"));script>body>html>react列表渲染title> script> script> script>head>div> //react列表渲染 let arr = ["打王者", "刷抖音", "看電影"]; //2.方法二：for...in方法 function fun() p>) } return newarr; } reactdom.render(fun(), document.getelementbyid("demoreact"));script>body>html>先回顧一下在js裡遍歷物件，獲取物件的屬性值可以用點語法或中括號的形式，但是如果物件屬性的屬性值是個變數的話，那就不能用點語法，只能用中括號方法。object.keys( )與object.values( )都返回乙個陣列，只是前者返回的陣列元素都由物件的鍵(key)，即屬性組成，而後者的陣列元素由物件的值(values),即屬性值組成。
var obj = console.log(obj.name); console.log(obj["age"]); console.log(object.keys(obj)); //返回乙個陣列，陣列元素是物件中的鍵(key),即["name","age"] console.log(object.values(obj)); //返回乙個陣列，陣列元素是物件中的值(values),即["小明",25] //注意：如果屬性值是乙個變數的話就不能用點語法了script>react物件遍歷渲染title> script> script> script>head>div> var obj = let mydom = ,遍歷的屬性值是：p> }) } div> reactdom.render(mydom, document.getelementbyid("demo"));script>body>html>react遍歷陣列和物件
map陣列 react中遍歷陣列採用陣列的map迭代 注意 在map中要加key key 幫助 react 識別哪些元素改變了，比如被新增或刪除。因此你應當給陣列中的每乙個元素賦予乙個確定的標識 虛擬dom對比的時候，加key可以避免出錯。如果不加key，當乙個元素新增的時候，後面的元素就會經歷解除...
陣列物件和類陣列物件區別
類陣列物件 看例子 var a var i 10 while i 10 很明顯物件啊 console.log a.length undefined 區別就在這了 類陣列物件沒有長度的屬性和陣列的方法 console.log object.prototype.tostring.call a objec...
陣列物件和類陣列物件區別
類陣列物件 看例子 var a var i 10 while i 10 很明顯物件啊 console.log a.length undefined 區別就在這了 類陣列物件沒有長度的屬性和陣列的方法 console.log object.prototype.tostring.call a objec...