怎样将对象转换为包含键值对的对象数组？然后又将数组转换为对象？


const formData = {location: 'Park',address: '123 Main St',latitude: '37.7749',longitude: '-122.4194'
};

1、怎样把这个对象转化为一个数组？

2、然后又怎样把转化后的数组再转化回来？

3、怎样将这两个方法单独封装成函数？

方法 1: 将对象转换为包含键值对的对象数组

/*** 将对象转换为包含键值对的对象数组* @param {Object} obj - 要转换的对象* @return {Array} 包含键值对的对象数组*/
function objectToArray(obj) {return Object.keys(obj).map(key => ({key: key,value: obj[key]}));
}// 示例用法
const formData = {location: 'Park',address: '123 Main St',latitude: '37.7749',longitude: '-122.4194'
};const formDataArray = objectToArray(formData);
console.log('转换后的数组:', formDataArray);

在这里插入图片描述

方法 2: 将数组转换为对象

/*** 将包含键值对的对象数组转换为对象* @param {Array} arr - 包含键值对的对象数组* @return {Object} 转换后的对象*/
function arrayToObject(arr) {return arr.reduce((accumulator, current) => {accumulator[current.key] = current.value;return accumulator;}, {});
}// 示例用法
const responseArray = [{ "key": "location", "value": "Park" },{ "key": "address", "value": "123 Main St" },{ "key": "latitude", "value": "37.7749" },{ "key": "longitude", "value": "-122.4194" }
];const formData = arrayToObject(responseArray);
console.log('转换后的对象:', formData);

在这里插入图片描述

说明

objectToArray 方法：接受一个对象作为参数，将其转换为包含键值对的对象数组。使用 Object.keys() 获取对象的所有键，然后用 map 方法将每个键值对转成包含 key 和 value 属性的对象。
arrayToObject 方法：接受一个包含键值对的对象数组，将其转换回一个对象。使用 reduce 方法遍历数组，将每个元素的 key 和 value 属性赋值到累加器对象中。