js对象操作之对象重组、对象添加对象、对象的值添加键名

知识点:

  1. js 中括号 [] 是数组,花括号 {} 是对象 
  2. 对象数据 冒号左边是key,冒号右边是值;
  3. 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>