<p style="text-align: justify;"><span style="font-weight: 400;">Khi nhập code, ch&uacute;ng ta thường cố gắng viết code sao cho ngắn gọn nhất c&oacute; thể. Trong b&agrave;i viết h&ocirc;m nay, ta sẽ c&ugrave;ng kh&aacute;m ph&aacute; 6 code TypeScript 1 d&ograve;ng.</span></p>
<h1 style="text-align: justify;"><strong>1. Đếm theo thuộc t&iacute;nh mảng của đối tượng</strong></h1>
<p style="text-align: justify;"><strong><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/8157d26b-58df-47e3-bbd5-bab9c9f85085" alt="Đếm theo thuộc t&iacute;nh mảng của đối tượng" /></strong></p>
<pre class="language-python"><code>const countBy = &lt;
  T extends Record&lt;keyof any, keyof any&gt;,
  K extends keyof T,
&gt;(
  arr: T[],
  key: K,
) =&gt;
  arr.reduce(
    (prev, curr) =&gt; (
      prev.set(curr[key], (prev.get(curr[key]) || 0) + 1), prev
    ),
    new Map&lt;keyof any, number&gt;(),
  );
const symbolKey = Symbol('test');
// Map(3) { 1 =&gt; 2, Symbol(test) =&gt; 1, '2' =&gt; 1 }
console.log(
  countBy(
    [
      { name: '1', [symbolKey]: 1 },
      { name: '2', [symbolKey]: symbolKey },
      { name: '3', [symbolKey]: '2' },
      { name: '4', [symbolKey]: 1 },
    ],
    symbolKey,
  ),
);</code></pre>
<h1 style="text-align: justify;"><strong>2. Chia nhỏ mảng</strong></h1>
<p style="text-align: justify;"><strong><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/d6736f89-62a7-4446-8672-b625fc1d56dc" alt="Chia nhỏ mảng" /></strong></p>
<pre class="language-python"><code>const chunk = &lt;T = any&gt;(arr: T[], size: number) =&gt;
  Array.from&lt;T, T[]&gt;(
    { length: Math.ceil(arr.length / size) },
    (_, k) =&gt; arr.slice(k * size, k * size + size),
  );
// [ [ 1, 2 ], [ 3, 4 ], [ 5 ] ]
console.log(chunk([1, 2, 3, 4, 5], 2));</code></pre>
<h1 style="text-align: justify;"><strong>3. Chọn một tập con chứa c&aacute;c thuộc t&iacute;nh của đối tượng</strong></h1>
<p style="text-align: justify;"><strong><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/afaaff8f-5d73-4a53-962d-f6dc9b780651" alt="Chọn một tập con chứa c&aacute;c thuộc t&iacute;nh của đối tượng" /></strong></p>
<pre class="language-python"><code>const pick = &lt;T extends Record&lt;string, any&gt;, K extends keyof T&gt;(
  obj: T,
  keys: K[],
) =&gt;
  keys.reduce(
    (res, k) =&gt; Object.assign(res, { [k]: obj[k] }),
    {} as Pick&lt;T, K&gt;,
  );
// { x: '1', y: '2' }
console.log(pick({ x: '1', y: '2', z: '3' }, ['x', 'y']));</code></pre>
<h1 style="text-align: justify;"><strong>4. Đảo ngược kh&oacute;a v&agrave; gi&aacute; trị của đối tượng</strong></h1>
<p style="text-align: justify;"><strong><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/0554c778-e0ba-49f2-8f4c-2c27557947c6" alt="Đảo ngược kh&oacute;a v&agrave; gi&aacute; trị của đối tượng" /></strong></p>
<pre class="language-python"><code>const invert = &lt;K extends keyof T, T extends Record&lt;K, keyof any&gt;&gt;(
  obj: T,
) =&gt;
  Object.fromEntries(
    Object.entries(obj).map(([k, v]) =&gt; [v, k]),
  ) as Record&lt;T[K], K&gt;;
// { '1': 'x', '2': 'y', [Symbol(3)]: 'z' }
console.log(invert({ x: 1, y: '2', z: Symbol.for('3') }));</code></pre>
<h1 style="text-align: justify;"><strong>5. Chạy Promises bỏ qua gi&aacute; trị trả về trong sequence</strong></h1>
<p style="text-align: justify;"><strong><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/6e57f94c-7736-4586-a5aa-21fbcea3971b" alt="Chạy Promises bỏ qua gi&aacute; trị trả về trong sequence" /></strong></p>
<pre class="language-python"><code>const runPromisesInSeries = (ps: Array&lt;() =&gt; Promise&lt;void&gt;&gt;) =&gt;
  ps.reduce((p, next) =&gt; p.then(next), Promise.resolve());
const wait = (ms: number) =&gt;
  new Promise&lt;void&gt;((r) =&gt; setTimeout(r, ms));
// Executed in sequence, so it takes 5s here
runPromisesInSeries([() =&gt; wait(2000), () =&gt; wait(3000)]);</code></pre>
<h1 id="4d09" class="ma mb iz bn mc md me mf mg mh mi mj mk kf ml kg mm ki mn kj mo kl mp km mq mr fy" style="text-align: justify;" data-selectable-paragraph=""><strong>6. Thay thế chuỗi template đơn giản</strong></h1>
<p style="text-align: justify;"><img style="width: 700px; display: block; margin-left: auto; margin-right: auto;" src="https://tek4.vn/public_files/c8410010-4b6e-41fb-b892-a51325dcecb7" alt="Thay thế chuỗi template đơn giản" /></p>
<pre class="language-python"><code>const formatString = (
  str: string,
  ...values: Array&lt;string | number&gt;
) =&gt;
  values.reduce(
    (s: string, v, i) =&gt;
      s.replace(new RegExp(`\\{${i}\\}`, 'g'), String(v)),
    str,
  );
const template =
  'My name is {0} and I am {1} years old. He is also {1} years old.';
// My name is A and I am 35 years old. He is also 35 years old.
console.log(formatString(template, 'A', 35));</code></pre>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: justify;"><span style="font-size: 28px;"><strong>Kết luận</strong></span></p>
<p style="text-align: justify;">Tr&ecirc;n đ&acirc;y, Tek4.vn vừa liệt k&ecirc; cho bạn 6 đoạn code một d&ograve;ng c&oacute; thể gi&uacute;p &iacute;ch cho bạn khi l&agrave;m việc với TypeScript.&nbsp;</p>
<p style="text-align: justify;">Hi vọng b&agrave;i viết n&agrave;y c&oacute; &iacute;ch cho bạn. Ch&uacute;c bạn th&agrave;nh c&ocirc;ng!</p>

Admin

6 đoạn code một dòng cực hữu ích trong TypeScript

Cùng tác giả

Admin

Có liên quan