map获取数组对象的属性值
时间: 2023-08-03 21:07:02 浏览: 54
您使用`map`方法来获取数组对象的属性值。下面是一个示例:
```javascript
const arr = [
{ id: 1, name: 'John' },
{ id: 2, name: 'Jane' },
{ id: 3, name: 'Bob' }
];
const names = arr.map(obj => obj.name);
console.log(names);
```
运行以上代码,将会输出`['John', 'Jane', 'Bob']`,表示获取了数组对象中每个对象的`name`属性值。
相关问题
获取数组对象某一个属性的值组成数组
假设有一个数组对象 `people`,包含了每个人的姓名和年龄属性,你可以使用 `map` 方法和箭头函数来获取数组对象中某一个属性的值组成新的数组。
例如,如果你想获取所有人的年龄,可以这样做:
```typescript
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 环境中运行,查看输出结果。
vue3中watch监听数组对象属性
在 Vue3 中,您可以使用 `watch` 函数来监听数组对象属性的变化。
假设您有一个数组对象 `arr`,其中包含一个 `name` 属性,您可以使用以下代码来监听该属性的变化:
```javascript
import { watch } from 'vue';
// 假设您已经有一个名为 arr 的数组对象
watch(() => arr.map(item => item.name), (newVal, oldVal) => {
// 处理新值和旧值的变化
});
```
在上面的代码中,我们使用 `watch` 函数来监听 `arr` 数组对象中所有元素的 `name` 属性。我们使用 `map` 函数来获取一个新的只包含 `name` 属性的数组。当该数组发生变化时,`watch` 函数将会调用我们传递的回调函数。
在回调函数中,您可以处理新值和旧值的变化。