后端返回的对象要转数组
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))
}