Angular中使用Rxjs的filter、map、skip操作符跳过服务返回的特定数据值

问题1：skip(1)未生效原因 #

• RxJS的skip(n)操作符作用是跳过Observable发射的前n个完整数据流事件，并非处理单次事件内部的数组元素。接口请求默认是单次返回完整响应对象，仅用skip(1)会直接跳过整个接口响应，无法拿到目标数据。如果需求是跳过返回的res.data员工数组内的第一个元素，需通过map操作符处理响应内部的数组结构。

问题2：筛选gender为0的男性记录不生效原因 #

• RxJS的filter操作符是判断是否保留当前Observable发射的整个事件，并非筛选事件内部的数组元素。要过滤数组内符合条件的条目，需在map中调用JS原生数组的filter方法处理。

修正后完整代码 #

// 注意：JS/TS 变量名不支持横杠命名，需将原代码的横杠改为驼峰命名
this.employeeService.myService(pageNumberAndRecordsPerPage)
  .pipe(
    // 若你的服务是BehaviorSubject等多播可观察对象，需要跳过默认初始值，才需要保留以下skip(1)
    // skip(1),
    map(res => {
      // 跳过数组第一个元素
      let processedData = res.data.slice(1)
      // 筛选gender为0的男性记录
      processedData = processedData.filter(item => item.gender === 0)
      // 返回处理后的响应对象
      return { ...res, data: processedData }
    })
  )
  .subscribe(res => {
    console.log(res.data)
    this.employees = res.data
    this.sorting() // A-Z为默认排序
  })

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