TypeScript의 일반적인 사용 정보

TypeScript의 일반적인 사용 정보

일반 매개변수란?

설치 예제 ①(단일 Generic 유형을 사용하는 경우)

type Filter = {
 //※<T>は、単なる慣例であるため、代わりに任意の名前を使用することもできます。
 <T>(array: T[], func: (item: T) => boolean): T[]
}

const filter: Filter = (array, func) => {
   const newArray = array.filter((item) => (
     func(item)
   ))
   return newArray
};

//「T」はnumber型になります（2より小さい値のみにフィルタリング）
filter([1, 2, 3], _ => _ > 2)

//「T」はstring型になります（bでない値のみにフィルタリング）
filter(['a', 'b', 'c'], _ => _!== 'b')

// 返り値は、2より小さい値のみにフィルタリングされるので[3]となる
filter([1, 2, 3], _ => _ > 2)

// 返り値は、bでない値のみにフィルタリングされるので["a", "c"]となる
filter(['a', 'b'], _ => _!== 'b')

설치 예제 ②(여러 일반 유형을 사용하는 경우)

type Map = {
  <T, U>(array: T[], func: (item: T) => U): U[]
}

const map: Map = (array, func) =>{
  const newArray = array.map((item) => (
    func(item)
  ))
  return newArray
};

map([1, 2, 3], _ =>  String(_ + "回目")

// 返り値は、Number型配列からString型配列の["1回目", "2回目", "3回目"]となる
map([1, 2, 3], _ =>  String(_ + "回目")

type Filter ={
  <T>(array: T[], func:(item: T) => boolean): T[]
}

// 省略形の書き方
type Filter = <T>(array: T[], func:(item: T) => boolean): T[]

type Filter<T> ={
  <T>(array: T[], func:(item: T) => boolean): T[]
}
	  
// 省略形の書き方	  
type Filter<T> = <T>(array: T[], func:(item: T) => boolean): T[]

function filter<T>(array: T[], func:(item: T) => boolean): T[]