Vue 导出包含数据的对象为数组:两种有效方法
如果您希望将包含数据的对象导出为数组对象,可以使用以下两种方法:
- 使用 map 函数将每个对象转换为数组对象
const data = [
{ name: 'John', age: 25, hobbies: ['reading', 'swimming'] },
{ name: 'Jane', age: 30, hobbies: ['hiking', 'dancing'] }
];
const dataArray = data.map(item => {
return {
name: item.name,
age: item.age,
hobbies: item.hobbies
};
});
console.log(dataArray);
- 使用 JSON.stringify 将对象转换为 JSON 字符串,然后再使用 JSON.parse 将其转换为数组对象
const data = [
{ name: 'John', age: 25, hobbies: ['reading', 'swimming'] },
{ name: 'Jane', age: 30, hobbies: ['hiking', 'dancing'] }
];
const jsonString = JSON.stringify(data);
const dataArray = JSON.parse(jsonString);
console.log(dataArray);
无论哪种方法,都将数据对象转换为了包含数据的数组对象。
原文地址: https://www.cveoy.top/t/topic/oT0O 著作权归作者所有。请勿转载和采集!