关于接数据的-优快云博客

后端返回的对象要转数组

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组成一个新的对象_爬坑的小白的博客-优快云博客

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

}

关于接数据的

相关推荐