知识点:
- js 中括号 [] 是数组,花括号 {} 是对象
- 对象数据 冒号左边是key,冒号右边是值;
- for in 遍历对象数据
例如:这样一个对象数据
obj = { 'a':'aa','b':'bb','c':'cc' }
给对象中每条数据的值添加一个key,并且添加一个序号,重组成新对象
new_obj = { 'a': {'sort':0,'name':'aa'}, 'b': {'sort':1,'name':'bb'}, 'c': {'sort':2,'name':'cc'}}
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
<div id="app">
<div v-for="(item,key) in obj ">{{key}} : {{item}}</div><br/>
<div v-for="(item,key) in new_obj">{{key}} : sort:{{item.sort}} name:{{item.name}}</div>
</div>
<script>
var obj = {'a':'aa','b':'bb','c':'cc'}
var new_obj = {}
var i=0
for ( var k in obj ) {
//console.log(k) -> a b c
new_obj[k] = {'sort':i++, 'name':obj[k]}
}
console.log('obj>',obj)
console.log('new_obj>',new_obj)
var vm = new Vue({
el: '#app',
data: {
obj:obj,
new_obj:new_obj
}
})
</script>