?
<template>
??<div>
??????<div>{{arr}}</div>
??????数组转对象:?<button?@click="btn">点击转换</button>
??????<div>{{newObj}}</div>
??????<hr>
??????<div>{{obj}}</div>
??????对象转数组:?<button?@click="btn1">点击转换</button>
??????<div>{{newArr}}</div>
??</div>
</template>
<script>
export?default?{
??name:?'',
??props:?{},
??data?()?{
????return?{
??????arr:?[{?label:?'男',?value:?0?},?{?label:?'女',?value:?1?}],
??????obj:?{?0:?'男',?1:?'女'?},
??????newObj:?null,
??????newArr:?null
????}
??},
??methods:?{
????btn?()?{
??????const?object?=?{}
??????//???this.arr.forEach((item)?=>?{
??????//?????object[item.value]?=?item.label
??????//???})
??????//?试着用?reduce?方法
??????this.arr.reduce((sum,?item,?index)?=>?{
????????object[index]?=?item.label
??????},?0)
??????this.newObj?=?object
????},
????btn1?()?{
??????const?array?=?[]
??????for?(var?i?in?this.obj)?{
????????array.push({?label:?this.obj[i],?value:?i?})
??????}
??????this.newArr?=?array
????}
??},
??computed:?{},
??watch:?{},
??created?()?{},
??mounted?()?{},
??components:?{}
}
</script>