? ????? ? ??(?: order ??? ???)? ?? ??(?: props ??? ??? ???)? ???? ????? ???? ?? TypeScript? ?? ?? ?? ??? ?? ?? ??? ???? ???? ??? ?????. ?? ?? ????? ?????? ??? ???? ?? ???? ??? ??? ???? ?? ??? ???? ??? ????? ??? ???? ???? ??? ??? ??? ?? ? ????.

1. ?? ??: ?? ?? ??? ?? ?? ??? ??

??? ??????? ??? ? ? ??? ?? ?? ??? ? ??? ???? ?? ??? ??? ???? ?? ??? ????. ?? ??, ?? ??? ?? ?? ??(props) ??? ?? ??? ????? ???? ??(??)? ???? ??? ??? ?? ??? ?? ? ????. ?? ??? ? ??? ?? ?? ????? ??? ??? ? ?? ??? ???? ??? ? ????.

?? ????? ??????.

 //?? ?? ?? ???? ?? OrderGrid = Array<string>;

???? ?? OrderedProperties = {
  ??: ???[];
  ??: OrderGrid
};

// ??? ??? const a: OrderedProperties = {
  props: ['title', 'firstName', 'lastName', 'nickName'],
  ????: [
    '??',
    ['??', '?'],
    '??'
  ]
};</string>

??? ?? OrderedProperties ???? ??? ??? ????. ?? ??? ???(?? ??? ???)? ??? ????? ???? TypeScript ????? ?? ???? ??? props ??? ????? ??? ? ????. ?, ??? 'title' ?? 'titel'? ?? ??? ?? ?? ??? ???? ??? ?? ???? ?? ?? ??? ?? ?? TypeScript? ??? ??? ???? ??? ?? ?? ??? ??? ???? ?? ??? ??? ? ????.

??? ??? TypeScript? ????? ?? ??? ???? props ??? ??? ?? ??? ??? ????? ???? ???? ????.

2. ?? ??: ???? ???? ?? ?? ?? ??

? ??? ???? ?? TypeScript? ???? ???? ?? ???? ???? ??? ??? ?? ??? ?? ? ????. ?? ?? ????? ?????? props ??? ???? ??? ???? ?? ??? ??? ?? ?? ???? ??? ? ????.

2.1 ??? ??? ?? ??

?? OrderGrid ? OrderedProperties? ??? ???? ?? ????? ???? ???.

 /**
 * OrderGrid ??? ?????. ??? S? ???? ??? ??? ?? ?????.
 * ?? ??? ?? S ????? ? ?? S ??? ???? ??? ? ????.
 */
type OrderGrid<s> = Array<s>;

/**
 * OrderedProperties ??? ?????.
 *P? ??? ?? ?? ??? ?? ?????(?? props ???? ???).
 *O? ????? P? ???? ?? ???? ???? ?? ??? ?? ?????.
 */
type OrderedProperties</s></s><p o p="P"> = {? ?????.
  ??: P[];
  ??: OrderGrid<o>;
};</o></p>

????:

• OrderGrid: ?? OrderGrid? ???? ?? ??(????? ??? ???? ?? ??)??? ?? ?? ???? S? ?????. ?? OrderGrid? ?? ??? ??? S ????? ?? ?????.
• OrderedProperties

  ? ?????.

  • P? ???? ?????. P? props ???? ??? ?? ?? ??? ?? ??? ?????.
  • O ?? P = P: O? ?? ??? ???? ?? ??? ?? ??? ?????. O? P? ?? ???? ???? ???? P???. ? ???? O? ????? ???? ?? ?? ???? P? ?? ??? ????? ?????.

2.2 ???? ?? ??? ??

?? ??? ?? ??? ???? ??? ???? ???? ?? ??? ?? ??? ??? ? ????.

 // ?? 1: ??? ??? // ???? ?? ?? ??? ??? ????? ?? const example1: OrderedProperties = {
  props: ["title", "firstName", "lastName", "nickName"],
  ????: [
    "??",
    ["??", "?"],
    "??",
  ],
}; // ??? ??, ?? ??? ?????. // ?? 2: ??? ??? - props? ???? ?? ??? ???? ????. const example2: OrderedProperties = {
  props: ["title", "firstName", "lastName", "nickName"], /* ??:
          ~~~~~~~~
  '"title"' ??? '"firstName" ??? ??? ? ???? | "?" | "??"'. (2322)
  */
  ????: [
    "??", /* ??:
    ~~~~~~~~
    '"title"' ??? '"firstName" ??? ??? ? ???? | "?" | "???" | ["??" | "?" | "nickName", "firstName" | "?" | "??"]'. (2322)
    */
    ["??", "?"],
    "??",
  ],
};

?? 2??? TypeScript? "firstName" | "?" | "nickName"? ???? ?????. props? order ?? "title"? ???? "title"? ???? ??? ??? ??? ???? TypeScript? ?? ?? ??? ?????.

2.3 ?? ??? ???? ???? ??????

???? ?? ??? ?? ???? ??? ? ??? ?? ????? ?? ?? ?? ??? ???? ???? ?? ?? ??? ? ????. ??? TypeScript? ?? ?? ????? ??? ??? ?? ????? ??? ? ? ????? ?? ???? ? ????.

OrderedProperties ??? ????? ???? ??? ???? TypeScript? ???? ?? ???? P ? O? ????? ? ? ????.

 /**
 * OrderedProperties? ???? ??, ???? ???? props ? order? ?? ??? ?????.
 */
?? handlerOrderedProps<p o p="P">(? ?????.
  ??: OrderedProperties</p><p o>,
): ???;

// ?? 3: ?? ?? - ??? ??? handlerOrderedProps({
  props: ["title", "firstName", "lastName", "nickName"],
  ????: [
    "??",
    ["??", "?"],
    "??",
  ],
}); // ???? ???? P? O? ???? ?????. // ? 4: ?? ?? - order? props? ???? ?? ??? ???? ????. handlerOrderedProps({
  props: ["title", "firstName", "lastName"], // ??? "nickName"? ??? ?? ?????.
  ????: [
    "??",
    ["??", "?"],
    "nickName", /* ??:
    ~~~~~~~~~~~
    '"nickName"' ??? '"firstName" ??? ??? ? ???? | "?" | "??" | ["??" | "?" | "??", "??" | "?" | "??"]'. (2322)
    */
  ],
});</p>

?? 3?? handlerOrderedProps? ???? TypeScript? P? "title" | "??" | "?" | ??? ?? ?? ["title", "firstName", "lastName", "nickName"]? "nickName". O? ????? P? ?? ????? ?? ??? ?? ??? ? ??? ??? ???? ???.

?? 4??? props ??? "nickName"? ???? P? "title" | "??" | "?". "nickName"? ?? ??? ???? "nickName"? ??? P ??? ??? ?? ??? TypeScript? ?? ??? ?????.

? ?? ??? ?? ??? ???? ???? ??? ???? ??? ?? ?? ???? ??? ???? ? ?? ??? ???? ??? ??? ??? ????.

3. ???? ? ????

3.1 ?? ?? ? ??? ?? ??

?? ?????? ?? ??? ?? ?? ??? ?? ?? ???? ?? ? ????. ?? ??, order ??? ???? ?? ?? ?? ??? ?? ???? ??? props ??? ? ???? ??? order?? ??? ? ????.

??? ?? ??? ??? ???? ?? ???? ?? ?? ?? ??? ?? ??? ? ????.

 /**
 * OrderGrid?? ?? ?? ?? ??? ?????.
 */
?? getPropsFromOrder<s>(order: OrderGrid<s>): S[] {
  // flat()? ???? ??? ??? ???? ?? ??? ?????. return Array.from(new Set(order.plat())) as S[];
}

const myOrder: OrderGrid = [
  "??",
  ["b", "c"],
  "??"
];

const ??Props = getPropsFromOrder(myOrder);
console.log(derivedProps); // ??: ["a", "b", "c"]</s></s>

? ?? ??? ??? ??? ???? ? ??? ?? props? ??? ??? ???? ??? ?? ????? ?????. ??? ???? ? ?? ???? ??? ???? ?? ??? ?????, ??? ? ? ????? ???? ??? ???? ???.

3.2 ?? ??? ??

?? ??? ???? TypeScript ?? ???? ??? ??? ? ????. ??? "??? ? ?? ??"? ?? ?? ???? ??? ??? ???? ?? ??(?: "title"? '"firstName" | "lastName" | "nickName"'? ??? ? ??)? ???? ????. ?? ????? ?? ?? ????? ?? ??? ??? ??? ??? ?? ??? ???? ??? ?????.

4. ??

TypeScript? ?? ?? ????? ???? ?????? ?? ?? ?? ???? ??? ?? ?? ?? ??? ??? ? ????. ? ?? ??? ??? ???? ?? ?? ???? ???? ???? ??? ??? ?? ?? ??? ?? ?? ????? ?? ?? ??? ?? ??????. ??? ??? ??? API? ??? ? ???? ??? ???? ?? ?? ?? ???? ?? ???? ???? ?????.

? ??? TypeScript?? ?? ??? ???? ????? ??: ???? ???? ??? ?? ?? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!