vue js实现多维对象数据转换成一维数组并保留所有键值对；多维对象数据转换成一维数组，数组扁平化

**Vue.js 实现多维对象数据转换成一维数组**

在实际开发中，我们经常会遇到需要将多维对象数据转换成一维数组的需求。例如，假设我们有一个包含多个子项的 JSON 对象，如下所示：

json{
 "id":1,
 "name": "John",
 "age":30,
 "address": {
 "street": "123 Main St",
 "city": "New York",
 "state": "NY"
 },
 "phoneNumbers": [
 {
 "type": "home",
 "number": "123-456-7890"
 },
 {
 "type": "work",
 "number": "098-765-4321"
 }
 ]
}

javascript// 多维对象数据转换成一维数组function flattenObject(data) {
 const result = [];

 // 遍历每个子项 Object.keys(data).forEach((key) => {
 if (typeof data[key] === 'object' && !Array.isArray(data[key])) {
 // 如果是对象，则递归调用函数 const flattened = flattenObject(data[key]);
 flattened.forEach((item) => {
 result.push({ [`${key}.${item.key}`]: item.value });
 });
 } else if (Array.isArray(data[key])) {
 // 如果是数组，则遍历每个子项 data[key].forEach((item, index) => {
 const flattened = flattenObject(item);
 flattened.forEach((fItem) => {
 result.push({ [`${key}[${index}].${fItem.key}`]: fItem.value });
 });
 });
 } else {
 // 如果是基本类型，则直接添加到结果数组中 result.push({ [key]: data[key] });
 }
 });

 return result;
}

// 使用示例const data = {
 id:1,
 name: 'John',
 age:30,
 address: {
 street: '123 Main St',
 city: 'New York',
 state: 'NY'
 },
 phoneNumbers: [
 { type: 'home', number: '123-456-7890' },
 { type: 'work', number: '098-765-4321' }
 ]
};

const flattened = flattenObject(data);
console.log(flattened);