根据ngrx效果中的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) {}
}