?
<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>
————————————————
版权声明：本文为CSDN博主「屹洲城主」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_58726419/article/details/120619101