How to convert object data into arrays

---

Preface

Sometimes the data given by the back end of the project cannot fully meet the data requirements of the front end , such as element-ui+vue In the portfolio , The drop-down box data is in the form of an array . However, the back-end colleagues do give object data , Of course, you can negotiate with the backend to change the data you want … But this is often troublesome , The front end that likes to write code quietly decides to convert by itself .

---

Tips ： Text content

One 、 Data from the back end

Two 、 How to convert

			console.log('res:', res);
            let resObj = res.data.data; // Get the object data given by the background 
            let arr = []; // Define an empty array 
            for (let key in resObj) {
    
            // use for Cyclic conversion resObj object 
              arr.push({
    
                value: key,
                label: resObj[key]
              });
            }
            this.deviceList = arr; // Assign a value to the array deviceList, Render to page 

		  <el-form-item
              label=" Alarm type "
              prop="roomNumber"
            >
              <el-select
                placeholder=" Please select "
                clearable
                default-first-option
                v-model="formInline.alarmDeviceType"
                @change="onSearch"
              >
                <el-option
                  v-for="(list,k) in deviceList"  // Render array to page 
                  :key="k"
                  :label="list.label"
                  :value="list.value"
                ></el-option>
              </el-select>
            </el-form-item>

---

3、 ... and 、 final result

That's all for sharing , If it helps you , Don't forget to Fabulous Oh ！