TypeScript each详解

什么是TypeScript的each

在TypeScript中，each是一个用于遍历数组或对象的函数，它接受一个回调函数作为参数，并对数组或对象中的每个元素执行该回调函数。each函数可以帮助我们更方便地处理数组或对象中的元素，而无需使用传统的for循环。

TypeScript each的基本用法

1、遍历数组

let arr: number[] = [1, 2, 3, 4, 5];
arr.each((item, index) => {
  console.log(元素${index}：${item});
});

2、遍历对象

let obj: { [key: string]: any } = { a: 1, b: 2, c: 3 };
obj.each((value, key) => {
  console.log(键：${key}，值：${value});
});

自定义TypeScript each函数

我们可以自定义一个each函数，使其可以同时处理数组和对象，以下是一个示例：

function each<T>(items: T[] | { [key: string]: any }, callback: (item: T, index?: number | string, array?: T[]) => void): void {
  if (Array.isArray(items)) {
    for (let i = 0; i < items.length; i++) {
      callback(items[i], i, items);
    }
  } else if (typeof items === 'object') {
    for (const key in items) {
      if (items.hasOwnProperty(key)) {
        callback(items[key], key, items);
      }
    }
  }
}

使用自定义TypeScript each函数遍历数组和对象

let arr: number[] = [1, 2, 3, 4, 5];
let obj: { [key: string]: any } = { a: 1, b: 2, c: 3 };
each(arr, (item, index, array) => {
  console.log(元素${index}：${item});
});
each(obj, (value, key) => {
  console.log(键：${key}，值：${value});
});

归纳

TypeScript的each函数是一个非常实用的工具，它可以帮助我们更方便地遍历数组和对象，通过自定义each函数，我们可以使其同时处理数组和对象，从而进一步提高代码的复用性。