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

在这里插入图片描述

<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
js数组转对象或对象转数组_第1张图片

btnsArr: @json($week5List),

js数组转对象或对象转数组_第2张图片

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

js数组转对象或对象转数组_第3张图片

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

js数组转对象或对象转数组_第4张图片

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

js数组转对象或对象转数组_第5张图片

JS 数组头部和尾部操作:

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

你可能感兴趣的:(javascript,开发语言,ecmascript)