前端获取的接口数据是一个数组，每个元素有 id、type、username等，怎么获取type为2的所有username

在前端开发中，如果接口返回的数据是一个数组，每个元素包含 `id`、`type` 和 `username` 等属性，你可以通过遍历数组并检查每个元素的 `type` 属性来获取所有 `type` 为 2 的 `username`。以下是具体的实现方法：

假设接口返回的数据如下：

const data = [
    { id: 1, type: 1, username: 'Alice' },
    { id: 2, type: 2, username: 'Bob' },
    { id: 3, type: 2, username: 'Charlie' },
    { id: 4, type: 1, username: 'David' }
];

你可以使用 JavaScript 的 `Array.prototype.filter()` 方法和 `Array.prototype.map()` 方法来实现这个需求：

// 使用 filter 方法筛选出 type 为 2 的元素
const filteredData = data.filter(item => item.type === 2);

// 使用 map 方法提取这些元素的 username
const usernames = filteredData.map(item => item.username);

console.log(usernames); // 输出: ['Bob', 'Charlie']

这段代码首先使用 `filter` 方法筛选出 `type` 为 2 的元素，然后使用 `map` 方法从筛选后的元素中提取 `username`，最终得到一个包含所有符合条件的 `username` 的数组。