关于接数据的

后端返回的对象要转数组

let obj = {name:"测试数据",code:"TS",type:"类型",is_halt:"是否停用"};  
let array = Object.entries(obj);  
  
let newArray = [];  
  
for(let i=0; i<array.length; i++) {  
  let key = array[i][0];  
  let value = array[i][1];  
    
  // 添加新的键和值  
  newArray.push({key: key, value: value});  
}  
  
console.log(newArray);

// 打印结果
[  {  key: "name",  value: "测试数据"  },  {  key: "code",  value: "TS"  },  {  key: "type",  value: "类型"  },  {  key: "is_halt",  value: "是否停用"  }  ]
  • 数组转对象
 const type = [
            {key:'name',value:'测试数据'},
            {key:'code',value:'TS'},
            {key:'type',value:'类型'},
            {key:'is_halt',value:'是否停用'}
        ]

    let condition={};
    type.map(itm=>{
            condition[itm.key] = itm.value
        })

console.log('1',condition)

/*
{
name:"测试数据"
code:"TS"
type:"类型"
is_halt:"是否停用"
}
*/

从数组对象中取key 和value组成一个新的对象_js 从一个数组对象中取key 和value组成一个新的对象_爬坑的小白的博客-CSDN博客

  • echarts地图数据获取

$.getJSON(mapJson, geoJson => { ... })

在vue中使用axios库来发送GET请求并解析返回的JSON数据

axios.get('https://api.example.com/data') // 替换成你的API地址  
      .then(response => {  
        // 将从API获取的JSON数据存储到组件的items属性中  
        this.items = response.data;  
      })  
      .catch(error => {  
        // 处理请求错误  
        console.error(error);  
      });  
  • 合并两个对象数组(判断两个数组中相等的项来一一对应合并)
const mergeArray = this.mapData.reduce((accumulator,item) => {
const match = dataAndPos.find(obj => obj.pcsdm === item.policestation)
if(match) {
Object.assign(item,match); // 合并相同名称的对象
accumulator.push(item); // 将合并后的对象添加到结果数组中
}else {
accumulator.push(item); // 如果找不到匹配的对象,则直接添加原始对象
}
return accumulator;
},[]);

vue3 表格的行点击事件。显示详情弹窗 

const xqInfoRef = $ref()

const handleShow = async data => {

show.value = true

await nextTick()

xqInfoRef.setEdit(unref(data))

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值