js数组转对象或对象转数组

新老农

已于 2023-06-14 11:35:11 修改

阅读量147

点赞数

文章标签： javascript 开发语言 ecmascript

于 2023-06-14 09:47:31 首次发布

懒虫

本文链接：https://blog.csdn.net/xcbzsy/article/details/131200947

版权

在这里插入图片描述

<el-form-item>
    <el-button type="primary" icon="el-icon-d-arrow-left" class="btn last_week" @click="goWeek(1)">上一周</el-button>
    <el-button
        :type ="buttonType(index)"
        {{--plain--}}
        v-for="(item, index) in btnsArr"
        :key="index"
        @click="runBtnEvent(item,index)"
    >${ item.label }
    </el-button>
    <el-button type="primary" class="btn next_week" @click="goWeek(2)">下一周 &nbsp;<i class="el-icon-d-arrow-right"></i></el-button>
</el-form-item>

buttonType(val){
         if(this.weekButton!=0){
             if (val == this.weekButton) {
                 return "info"
             }
         }
     },

数组：$week5List
在这里插入图片描述

btnsArr: @json($week5List),

在这里插入图片描述

 //对象key转数组
 var btns_key = Object.keys(that.btnsArr)

在这里插入图片描述

 //对象转数组
 let btns_arr=Object.entries(that.btnsArr)

在这里插入图片描述

//数组转对象
 let obj = Object.fromEntries(btns_arr)

在这里插入图片描述

JS 数组头部和尾部操作：

//JS 数组头部 增加元素
btns_arr.unshift(val_min);//再加上一周
//JS 数组尾部 删除元素
btns_arr.pop();//删除最后一项
//JS 数组尾部 增加元素
btns_arr.push(val_max);//再加下一周
//JS 数组头部 删除元素      
btns_arr.shift();//删除第一项