深入理解 JS/TS 中的 filter 方法及其布尔值筛选功能

// 引入必要的库
import { Component, OnInit } from '@angular/core';
 
@Component({
  selector: 'app-filter-example',
  templateUrl: './filter-example.component.html',
  styleUrls: ['./filter-example.component.css']
})
export class FilterExampleComponent implements OnInit {
  items: any[];
 
  constructor() { }
 
  ngOnInit() {
    this.items = [
      { name: 'Item 1', active: true },
      { name: 'Item 2', active: false },
      { name: 'Item 3', active: true },
      { name: 'Item 4', active: false },
      { name: 'Item 5', active: true }
    ];
  }
 
  // 使用 filter 方法筛选出所有 active 为 true 的项
  getActiveItems(): void {
    const activeItems = this.items.filter(item => item.active);
    console.log(activeItems); // 输出筛选后的数组
  }
}

这段代码在Angular组件中初始化了一个包含有active属性的项目数组。getActiveItems方法使用filter函数筛选出所有active为true的项，并将结果输出到控制台。这是一个典型的数组筛选操作，对于理解和学习如何使用JavaScript或TypeScript中的filter方法非常有帮助。