javascript数组对象转换

 

<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>