获取数组对象某一个属性的值组成数组

假设有一个数组对象 `people`，包含了每个人的姓名和年龄属性，你可以使用 `map` 方法和箭头函数来获取数组对象中某一个属性的值组成新的数组。

例如，如果你想获取所有人的年龄，可以这样做：

const people = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 },
];

const ages = people.map(person => person.age);

console.log(ages); // [25, 30, 35]

在上面的代码中，我们使用 `map` 方法和箭头函数 `person => person.age`，获取了每个人的年龄属性值，并将它们组成了一个新的数组 `ages`。

你可以将上面的代码复制到 TypeScript 环境中运行，查看输出结果。

相关问题

vue中获取数组对象的多个属性组成新的对象数组

在 Vue 中，你可以通过 map() 或者 forEach() 函数配合 computed 属性或者对象解构（destructuring）来获取数组对象的多个属性并创建新的对象数组。这里是一个简单的示例：

// 假设你有一个名为 `data` 的数组，每个对象有 'name' 和 'age' 属性
let data = [
  { name: 'Alice', age: 25 },
  { name: 'Bob', age: 30 },
  { name: 'Charlie', age: 35 }
];

// 使用 map() 函数
let newData = data.map(item => ({ username: item.name, age: item.age }));

// 或者使用对象解构和 forEach()
newData = [];
data.forEach(item => {
  newData.push({ username: item.name, age: item.age });
});

// 如果需要将数据转换成计算属性（假设你在一个组件里）
this.newArray = computed(() => {
  return this.data.map(item => ({
    username: item.name,
    age: item.age
  }));
});

vue中循环遍历出数组对象中的某个属性值组成新的数组

在Vue中，你可以使用`v-for`指令来循环遍历数组对象，并使用对象的属性值组成新的数组。下面是一个示例：

<template>
  <div>
    <ul>
      <li v-for="item in items" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Apple' },
        { id: 2, name: 'Banana' },
        { id: 3, name: 'Orange' }
      ]
    };
  }
};
</script>

在上面的示例中，我们使用`v-for`指令来循环遍历`items`数组，并使用`item.name`来获取每个对象的名称属性值。你可以根据你的需求修改代码来获取特定的属性值，并将它们组成新的数组。