如何提取展示多值单对象数组的值及解决含多数组对象获取问题

Hey there! Let's tackle your two questions with clear, practical examples so you can implement them right away.

First off, let's assume your array looks something like this—where each element is a multi-value object (you mentioned "若干由单个多值对象组成的数组", which I take to mean an array containing one or more such objects):

// 示例数组：包含1个多值对象
const singleObjArray = [{ name: 'Muhammad', age: 28, occupation: 'Developer' }];

// 示例数组：包含多个多值对象
const multipleObjArray = [
  { fruit: 'Apple', color: 'Red' },
  { fruit: 'Banana', color: 'Yellow', taste: 'Sweet' }
];

提取单个对象的所有值 #

If your array only has one object, just grab the first element and use Object.values() to pull out all its values:

const targetObj = singleObjArray[0];
const allValues = Object.values(targetObj);

// 展示值（比如打印或渲染到页面）
console.log(allValues); // 输出: ['Muhammad', 28, 'Developer']
// 格式化展示成字符串
console.log('提取的值：' + allValues.join(', ')); // 输出: 提取的值：Muhammad, 28, Developer

提取多个对象的所有值 #

If your array has multiple objects, use flatMap() to collect all values into a single array:

const allValuesFromMultiple = multipleObjArray.flatMap(obj => Object.values(obj));
console.log(allValuesFromMultiple); // 输出: ['Apple', 'Red', 'Banana', 'Yellow', 'Sweet']

Let's split this into two parts to cover both your points clearly.

第一部分：获取包含多个数组的对象 #

Suppose you have an object that holds multiple arrays, like this:

const objWithArrays = {
  todoLists: ['Buy milk', 'Fix bike'],
  completedTasks: ['Finish report'],
  pendingRequests: ['Approval for leave']
};

To access these arrays, you have a couple of straightforward options:

• Get all arrays at once using Object.values():

  const allArrays = Object.values(objWithArrays);
  console.log(allArrays);
  // 输出: [['Buy milk', 'Fix bike'], ['Finish report'], ['Approval for leave']]
  

• Access arrays by their keys if you need to work with specific ones:

  // 获取单个数组
  const todoList = objWithArrays.todoLists;
  console.log(todoList); // 输出: ['Buy milk', 'Fix bike']
  
  // 遍历所有数组并处理
  Object.entries(objWithArrays).forEach(([key, array]) => {
    console.log(`数组 ${key} 的内容：`, array);
  });
  

If you're hitting specific hurdles (like nested structures or async data fetching), feel free to share the exact object structure you're working with, but the above should cover most common cases.

第二部分：实现由单个对象组成的多个数组 #

This means creating multiple arrays where each array contains exactly one object. Here are two easy ways to do this:

方法1：直接声明 #

If you know the objects upfront, just wrap each one in square brackets:

const user1Array = [{ id: 1, name: 'Alice' }];
const user2Array = [{ id: 2, name: 'Bob' }];
const user3Array = [{ id: 3, name: 'Charlie' }];

方法2：从对象列表批量生成 #

If you have a list of objects, use map() to wrap each object in its own array:

const userObjects = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const arrayOfSingleObjArrays = userObjects.map(user => [user]);
console.log(arrayOfSingleObjArrays);
// 输出: [[{id:1, name:'Alice'}], [{id:2, name:'Bob'}], [{id:3, name:'Charlie'}]]

内容的提问来源于stack exchange，提问作者Muhammad Irfan Ali