根据ngrx效果中的ID循环遍历对象数组

在ngrx（NgRx）中，效果（Effects）是用来处理副作用的，比如异步操作。如果你需要根据ID循环遍历对象数组，这通常是在选择器（Selectors）或者组件逻辑中完成的，而不是在效果中。不过，我可以为你解释如何在ngrx中使用选择器来根据ID过滤对象数组，并提供一些示例代码。

基础概念

选择器（Selectors）：在ngrx中，选择器是用来从store中提取数据的纯函数。它们可以帮助你获取、转换和组合store中的数据。

效果（Effects）：效果是用来处理副作用的，比如API调用。它们监听特定的动作（Actions），执行异步操作，并发出新的动作。

类型与应用场景

记忆化选择器：使用createSelector创建的选择器会缓存结果，只有当输入变化时才会重新计算。
应用场景：当你需要根据某些条件过滤或转换store中的数据时，可以使用选择器。

示例代码

假设我们有一个名为items的状态数组，每个项目都有一个唯一的ID。我们想要创建一个选择器来根据ID获取特定的项目。

// items.reducer.ts
export interface Item {
  id: number;
  name: string;
}

export interface ItemsState {
  items: Item[];
}

const initialState: ItemsState = {
  items: []
};

export function itemsReducer(state = initialState, action: any) {
  // reducer逻辑...
}

// items.selectors.ts
import { createSelector } from '@ngrx/store';
import { ItemsState } from './items.reducer';

export const selectItemsState = (state: any) => state.items;

export const selectItemById = createSelector(
  selectItemsState,
  (state: ItemsState, props: { id: number }) => state.items.find(item => item.id === props.id)
);

在组件中使用这个选择器：

import { Component } from '@angular/core';
import { Store } from '@ngrx/store';
import { selectItemById } from './items.selectors';

@Component({
  selector: 'app-item-detail',
  template: `<div *ngIf="item">{{ item.name }}</div>`
})
export class ItemDetailComponent {
  item$ = this.store.select(selectItemById, { id: 1 });

  constructor(private store: Store) {}
}