แปลงข้อมูล — join, split, slice

Version 7.0.2          # tsc -v
v24.14.0               # node --version
go version go1.26.5 darwin/arm64   # ใช้เทียบกับ slice ของ Go

1 · ปัญหาที่สามคำสั่งนี้เกิดมาแก้

ข้อมูลในโปรแกรมเว็บมีสองรูปร่างที่เจอบ่อยที่สุด:

• string — ข้อความยาวก้อนเดียว เช่น "Alice, Bob" เป็นรูปร่างที่เอาไปแสดงบนหน้าจอได้ทันที และเป็นรูปร่างที่มาจากช่องกรอกของผู้ใช้
• array — รายการของหลายชิ้น เช่น ["Alice", "Bob"] เป็นรูปร่างที่เอาไปวนลูป นับ กรอง เรียงได้

ปัญหาคือของที่คุณได้มา มักอยู่ในรูปร่างที่ผิดกับสิ่งที่คุณจะทำต่อ
ผู้ใช้พิมพ์ "Alice, Bob, Carol" มาให้ในช่องเดียว แต่คุณอยากนับว่ากี่คน — ต้องแปลงเป็น array ก่อน
คุณมี array ของชื่อ แต่จะเอาไปโชว์ใต้ชื่อสูตรอาหาร — ต้องแปลงกลับเป็น string ก่อน

สังเกตช่องขวาสุดของ slice: "ของเดิมไม่แตะ" — จำประโยคนี้ไว้ก่อน เดี๋ยวหัวข้อ 6 จะเป็นเรื่องนี้ทั้งหัวข้อ

2 · join — เอา array มาร้อยเป็นข้อความเดียว

สไลด์หน้า 30 เขียนไว้แบบนี้:

const teamA: string[] = ["Alice", "Bob"];

// ✅ Expect team A are "Alice, Bob"
const teamAMember = teamA.join(", ");

ตัวหนังสือที่ใส่ในวงเล็บ (ในที่นี้คือ ", " — คอมมาแล้วเคาะหนึ่งที) คือสิ่งที่จะไปแทรกอยู่ระหว่างชิ้น ไม่ใช่ต่อท้ายทุกชิ้น
ของ 2 ชิ้น จะมีที่แทรกแค่ 1 จุด · ของ 4 ชิ้น จะมีที่แทรก 3 จุด

ผมรันจริงพร้อมเคสข้างเคียงทั้งหมด ได้แบบนี้:

const teamA: string[] = ["Alice", "Bob"];
console.log("1)", teamA.join(", "));
console.log("2)", typeof teamA.join(", "));
console.log("3)", teamA.join());
console.log("4)", teamA.join(""));

const messy = ["a", null, undefined, "b"];
console.log("5)", messy.join("-"));

console.log("6)", ([] as string[]).join(", "));
console.log("7)", ["Alice"].join(", "));
console.log("8)", [2026, 8, 27].join("-"));
console.log("9)", [["a", "b"], ["c"]].join("|"));

$ node a-join.js
1) Alice, Bob
2) string
3) Alice,Bob
4) AliceBob
5) a---b
6)
7) Alice
8) 2026-8-27
9) a,b|c

อ่านผลทีละบรรทัดแล้วจะได้กฎครบชุด:

• บรรทัด 2 — คืนมาเป็น string เสมอ ไม่ว่าข้างในจะเป็นอะไร
• บรรทัด 3 — join() ไม่ใส่อะไรเลย ไม่ได้แปลว่าไม่มีตัวคั่น แต่มันใช้คอมมาให้อัตโนมัติ ได้ Alice,Bob (ไม่มีเคาะ) ถ้าอยากได้แบบไม่มีอะไรคั่นจริง ๆ ต้องเขียน join("") อย่างบรรทัด 4
• บรรทัด 5 — null กับ undefined กลายเป็นข้อความว่าง ["a", null, undefined, "b"] จึงได้ a---b ที่มีขีดสามอัน ไม่ใช่ a-b
  ถ้าเห็นขีดติดกันเยอะผิดปกติบนหน้าเว็บ ให้สงสัยข้อนี้ก่อนเลย
• บรรทัด 6 — array ว่างได้ข้อความว่าง (บรรทัดนั้นจึงว่างเปล่า) ไม่ใช่ error
• บรรทัด 8 — array ของตัวเลขก็ join ได้ มันแปลงเป็นตัวหนังสือให้เอง

3 · split — ผ่าข้อความให้เป็น array

สไลด์หน้า 31 ใช้ตัวอย่างนี้:

const helloWorld: string = "Hello World";

// ✅ Expect characters are
// ["H", "e", "l", "l", "o", " ", "W", "o", "r", "l", "d"]
const characters = helloWorld.split("");

ตัวที่ใส่ในวงเล็บคือ ตัวคั่นที่ให้ไปตามหาแล้วตัดตรงนั้น
ใส่ "" (ว่างเปล่า) = ตัดทุกช่องว่างระหว่างตัวอักษร = ได้ทีละตัวอักษร

const s: string = "Hello World";

console.log(s.split(" ").length);
console.log(s.split("").length);
console.log(s.split(",").length);
console.log(s.split(" ").join("-"));

$ node p1.js
2
11
1
Hello-World

นี่คือผลรันเคสอื่น ๆ ทั้งหมดที่ผมลอง:

$ node b-split.js
1) [
  'H', 'e', 'l', 'l',
  'o', ' ', 'W', 'o',
  'r', 'l', 'd'
]
2) 11
3) [ 'Hello', 'World' ]
4) 2
5) [ 'Hello World' ]        // split() ไม่ใส่อะไร (ต้องเลี่ยง type ก่อน — ดูข้างล่าง)
6) [ 'Hello World' ]        // split(",") หาไม่เจอ
7) [ 'Alice', ' Bob', ' Carol' ]   // "Alice, Bob, Carol".split(",")
8) [ 'Alice', 'Bob', 'Carol' ]     // "Alice, Bob, Carol".split(", ")
9) [ '', 'a', 'b', '' ]     // ",a,b,".split(",")
10) [ '' ]                  // "".split(",")
11) []                      // "".split("")
12) [ 'a', 'b' ]            // "a-b-c-d".split("-", 2)
13) [ 'ก', 'ิ', 'น' ]
14) 8
15) 5

สามอันที่ต้องหยุดดู:

• บรรทัด 7 กับ 8 — ต่างกันแค่เคาะเดียวใน delimiter
  split(",") ทิ้งเคาะไว้ติดหน้าชื่อ ได้ ' Bob' ที่มีเคาะนำ
  ชื่อที่มีเคาะนำจะทำให้การเทียบ === "Bob" พังเงียบ ๆ — ทางแก้จริงไม่ใช่ไปเดา delimiter ให้เป๊ะ แต่ใช้ .trim() ทีหลัง (หัวข้อ 8 มีให้ดู)
• บรรทัด 9 — ตัวคั่นอยู่หัวและท้าย จะได้ชิ้นว่าง '' ติดมาด้วยหัวท้าย
  ผู้ใช้เผลอพิมพ์คอมมาท้ายบรรทัด แล้วคุณนับได้ 4 ทั้งที่มีของจริง 2 — มาจากข้อนี้
• บรรทัด 10 กับ 11 — ข้อความว่างให้ผลคนละอย่างตาม delimiter
  "".split(",") ได้ [ '' ] — ยาว 1
  "".split("") ได้ [] — ยาว 0
  ถ้าคุณเช็ก if (arr.length === 0) เพื่อดูว่า "ผู้ใช้ไม่ได้กรอกอะไรมา" มันจะไม่จับกรณีแรก

13) [ 'ก', 'ิ', 'น' ]      // "กิน".split("")  → คนเห็น 2 ตัว แต่ได้ 3
14) 8                       // "👨‍👩‍👧".split("").length  → emoji ตัวเดียว ได้ 8
15) 5                       // [..."👨‍👩‍👧"].length      → ยังไม่ใช่ 1 อยู่ดี

ข้อต่างเล็ก ๆ ที่ tsc จับได้: join() ว่างได้ แต่ split() ว่างไม่ได้

join เว้นวงเล็บว่างได้ (ได้คอมมาเป็นค่าเริ่มต้น) แต่ split ทำแบบเดียวกันไม่ได้ — และ TypeScript ไม่ปล่อยผ่าน:

const helloWorld: string = "Hello World";

// join() ไม่ใส่อะไรเลยได้
const joined: string = ["a", "b"].join();

// split() ไม่ใส่อะไรเลย — ไม่ได้
const parts = helloWorld.split();

$ tsc --noEmit --strict b2-split-noarg.ts
b2-split-noarg.ts(7,26): error TS2554: Expected 1-2 arguments, but got 0.

นี่คือของฟรีที่ TypeScript ให้ — ใน JavaScript ล้วน ๆ บรรทัดนี้รันผ่านและได้ [ 'Hello World' ] เงียบ ๆ ซึ่งแทบไม่เคยเป็นสิ่งที่ใครตั้งใจ
คำว่า 1-2 arguments ในข้อความ error กำลังบอกด้วยว่า split รับได้ถึงสองตัว — ตัวที่สองคือ limit คือจำนวนชิ้นสูงสุดที่จะเอา (บรรทัด 12 ในผลรันข้างบน)

4 · slice — ตัดเอาบางส่วน (ใช้ได้ทั้ง string และ array)

สไลด์หน้า 32 เขียนไว้แบบนี้:

const errorMessages: string = "Hello World";

// ✅ Expect slice between are "llo "
const sliceBetween = errorMessages.slice(2, 6);

// ✅ Expect slice from are "llo World"
const sliceFrom = errorMessages.slice(2);

กติกาการนับที่ต้องจำมีสองข้อ:
· เลขตัวแรกคือจุดเริ่ม นับจาก 0
· เลขตัวหลังคือจุดจบ แบบ "ไปไม่ถึง" — ตัดก่อนถึงตำแหน่งนั้น

ตำแหน่ง:  0    1    2    3    4    5    6    7    8    9   10
ตัวอักษร: H    e    l    l    o   (เคาะ) W    o    r    l    d
                    ↑                        ↑
                 เริ่มที่ 2                จบก่อนถึง 6

slice(2, 6)  →  เอาตำแหน่ง 2, 3, 4, 5  →  "llo "     (4 ตัว = 6 - 2)
slice(2)     →  เอาตั้งแต่ 2 จนหมด      →  "llo World"

จำง่าย ๆ ว่า ความยาวของผลลัพธ์ = เลขหลัง − เลขหน้า — 6 - 2 = 4 ตัวพอดี ไม่ต้องมานั่งเถียงกับตัวเองว่ารวมตัวที่ 6 ไหม
แต่สูตรนี้ใช้ได้เฉพาะตอนที่เลขทั้งคู่เป็นบวกและไม่เกินความยาวจริง — ถ้าเลขหลังเกินขอบ มันหยุดที่ปลายให้เอง (รันแล้ว: "Hello World".slice(2, 100).length ได้ 9 ไม่ใช่ 98) และถ้าเลขหน้ามากกว่าเลขหลังจะได้ 0 ไม่ใช่เลขติดลบ

เลขติดลบ — ของที่สไลด์ไม่ได้บอก แต่ใช้บ่อยกว่าเลขบวก

slice รับเลขติดลบได้ และแปลว่า "นับถอยหลังจากท้าย"
เจอบ่อยเวลาอยากได้ "3 รายการล่าสุด" โดยไม่ต้องรู้ว่าทั้งหมดมีกี่รายการ

const errorMessages: string = "Hello World";
console.log(JSON.stringify(errorMessages.slice(2, 6)));
console.log(JSON.stringify(errorMessages.slice(2)));
console.log(JSON.stringify(errorMessages.slice(-5)));
console.log(JSON.stringify(errorMessages.slice(-5, -1)));
console.log(JSON.stringify(errorMessages.slice(6, 2)));

$ node h-quote.js
"llo "
"llo World"
"World"
"Worl"
""

(ผมห่อด้วย JSON.stringify เพื่อให้เห็นเครื่องหมายคำพูด — ไม่งั้นเคาะที่ติดท้าย "llo " จะมองไม่ออกเลยว่ามีอยู่)

• slice(-5) = เอา 5 ตัวสุดท้าย → "World"
• slice(-5, -1) = 5 ตัวสุดท้าย แต่ตัดตัวสุดท้ายทิ้ง → "Worl"
  สูตรที่ใช้จริงบ่อยมากคือ slice(0, -1) = "ตัดตัวท้ายทิ้งหนึ่งตัว" เช่นเวลาต้องการลบคอมมาที่เกินมาท้ายข้อความ
• slice(6, 2) = เลขหน้ามากกว่าเลขหลัง → ได้ข้อความว่าง ไม่ error ไม่กลับด้านให้
  ข้อนี้เป็นตัวทำให้หน้าเว็บว่างเปล่าโดยที่ console ไม่มีอะไรแดงเลย

ฝั่ง array ใช้กติกาเดียวกันเป๊ะ:

const team: string[] = ["Alice", "Bob", "Carol", "Dave"];
console.log("9)", team.slice(0, 2));
console.log("10)", team.slice(-2));
console.log("11)", team);

$ node c-slice.js   (ตัดมาเฉพาะสามบรรทัดนี้)
9) [ 'Alice', 'Bob' ]
10) [ 'Carol', 'Dave' ]
11) [ 'Alice', 'Bob', 'Carol', 'Dave' ]

บรรทัด 11 คือประเด็นทั้งหมดของหัวข้อถัดไป: ตัดไปสองรอบแล้ว ของเดิมยังครบ 4 คน

5 · slice ของ TypeScript ไม่ใช่ slice ของ Go

คุณเรียน Go มาเก้าวัน และในบทเรียน 06 คุณเจอเรื่องนี้มาแล้ว — ใน Go การเฉือน slice ไม่ได้ก๊อปข้อมูล มันคืนหน้าต่างที่มองไปยังก้อนความจำก้อนเดิม
เขียนทับผ่านหน้าต่างใหม่ ของเดิมเปลี่ยนตาม ผมรันให้ดูจริงด้วย go1.26.5:

func main() {
	s1 := []string{"Alice", "Bob", "Carol", "Dave"}
	s2 := s1[1:3]
	s2[0] = "BOB"
	fmt.Println("s2 =", s2)
	fmt.Println("s1 =", s1)
}

$ go run main.go
s2 = [BOB Carol]
s1 = [Alice BOB Carol Dave]

const s1: string[] = ["Alice", "Bob", "Carol", "Dave"];
const s2 = s1.slice(1, 3);
s2[0] = "BOB";
console.log("1) s2 =", s2);
console.log("2) s1 =", s1);

$ node e-shallow.js
1) s2 = [ 'BOB', 'Carol' ]
2) s1 = [ 'Alice', 'Bob', 'Carol', 'Dave' ]

โค้ดหน้าตาเกือบเหมือนกัน ชื่อคำสั่งเหมือนกัน แต่ผลตรงข้ามกัน
ถ้าคุณพก mental model ของ Go ข้ามมา คุณจะกลัวการ slice โดยไม่จำเป็น หรือแย่กว่านั้น — คุณจะไปเขียน Go ด้วย mental model ของ JS แล้วโดนของเก่าเปลี่ยนใต้เท้า

type Member = { name: string };
const teamObj: Member[] = [{ name: "Alice" }, { name: "Bob" }, { name: "Carol" }];
const part = teamObj.slice(0, 2);
part[0]!.name = "ALICE";
console.log("3) part    =", part);
console.log("4) teamObj =", teamObj);
console.log("5) เป็นก้อนเดียวกันไหม:", part[0] === teamObj[0]);

$ node e-shallow.js
3) part    = [ { name: 'ALICE' }, { name: 'Bob' } ]
4) teamObj = [ { name: 'ALICE' }, { name: 'Bob' }, { name: 'Carol' } ]
5) เป็นก้อนเดียวกันไหม: true

6 · slice กับ splice — ต่างกันตัวเดียว แต่คนละเรื่องเลย

slice กับ splice ต่างกันแค่ตัว p ตัวเดียว พิมพ์ผิดไม่มีอะไรเตือน เพราะมันมีอยู่จริงทั้งคู่
ลองทายก่อนดูเฉลย:

const a: string[] = ["Alice", "Bob", "Carol", "Dave"];
const x = a.slice(1, 3);

const b: string[] = ["Alice", "Bob", "Carol", "Dave"];
const y = b.splice(1, 3);

console.log("x =", x, "| a เหลือ", a.length, "ตัว");
console.log("y =", y, "| b เหลือ", b.length, "ตัว");

$ node p2.js
x = [ 'Bob', 'Carol' ] | a เหลือ 4 ตัว
y = [ 'Bob', 'Carol', 'Dave' ] | b เหลือ 1 ตัว

อีกด้านหนึ่ง splice แทรกของใหม่ได้ด้วย ซึ่ง slice ทำไม่ได้เลย:

const e: string[] = ["Alice", "Bob", "Dave"];
const removed = e.splice(2, 0, "Carol");   // ที่ตำแหน่ง 2 ลบ 0 ชิ้น แล้วยัด "Carol" เข้าไป
console.log("7) splice คืน:", removed);
console.log("8) ของเดิม   :", e);

$ node d-splice.js   (ตัดมาสองบรรทัด)
7) splice คืน: []
8) ของเดิม   : [ 'Alice', 'Bob', 'Carol', 'Dave' ]

ตรงนี้ยิ่งชัด — ผลของงานอยู่ที่ e ไม่ได้อยู่ที่ค่าที่คืนมา (ซึ่งเป็น array ว่าง)
ถ้าคุณเขียน const newList = e.splice(2, 0, "Carol") คุณจะได้ [] แล้วงงว่าของหายไปไหน

แถวรองสุดท้าย — string ไม่มี splice เพราะข้อความใน JavaScript แก้ไม่ได้เลย ทุกคำสั่งของ string จึงคืนข้อความก้อนใหม่เสมอ ไม่มีทางเลือกอื่น
และ TypeScript จับให้ตั้งแต่ยังไม่รัน พร้อมเดาให้ด้วยว่าคุณน่าจะหมายถึงอะไร:

const errorMessages: string = "Hello World";

const cut = errorMessages.splice(2, 6);

$ tsc --noEmit --strict d2-string-splice.ts
d2-string-splice.ts(3,27): error TS2551: Property 'splice' does not exist on type 'string'. Did you mean 'slice'?

Did you mean 'slice'? — tsc พิมพ์ให้เองเลย
นี่คือคุณค่าของ TypeScript แบบเห็นกับตา: ใน JavaScript ล้วน ๆ บรรทัดนี้จะระเบิดตอนรัน ด้วยข้อความ errorMessages.splice is not a function ซึ่งเกิดขึ้นหลังจากผู้ใช้กดปุ่มไปแล้ว

7 · TypeScript ช่วยตรงไหนอีก

นอกจากจับ splice บน string ได้ มันยังจับรูปร่างของผลลัพธ์ให้ด้วย
กับดักคลาสสิกคือลืมว่า join คืน string ไม่ใช่ array:

const team: string[] = ["Alice", "Bob"];

const label: string[] = team.join(", ");

$ tsc --noEmit --strict g-typeerr.ts
g-typeerr.ts(3,7): error TS2322: Type 'string' is not assignable to type 'string[]'.

ในกล่องโค้ดข้างบน string[] อ่านว่า "array ของ string" (เขียนแบบเต็มยศได้ว่า Array<string> ก็ความหมายเดียวกัน)
error บอกตรง ๆ ว่าฝั่งขวาเป็น string เดี่ยว ๆ แต่ฝั่งซ้ายประกาศไว้ว่าจะรับ array — ใส่กันไม่ได้

slice เป็นตัวเดียวในตารางที่ type ขาออกเปลี่ยนตาม type ขาเข้า — ใส่ string ได้ string ใส่ array ได้ array

8 · เอามาต่อกันใช้จริง

งานที่เจอบ่อยที่สุดคือ: ผู้ใช้พิมพ์รายชื่อมาในช่องเดียว เว้นวรรคมั่ว ๆ แล้วคุณต้องเอาไปแสดงแค่ 3 ชื่อแรก

const raw: string = "Alice, Bob ,Carol,  Dave";

const names: string[] = raw.split(",");
console.log("1)", names);

const cleaned: string[] = raw.split(",").map((n) => n.trim());
console.log("2)", cleaned);

const firstThree: string[] = cleaned.slice(0, 3);
console.log("3)", firstThree);

const label: string = firstThree.join(" · ");
console.log("4)", label);
console.log("5) ของเดิมยังอยู่:", raw);

const long = "รายการวัตถุดิบทั้งหมดของสูตรอาหารนี้";
console.log("6)", long.slice(0, 12) + "…");

$ node f-pipeline.js
1) [ 'Alice', ' Bob ', 'Carol', '  Dave' ]
2) [ 'Alice', 'Bob', 'Carol', 'Dave' ]
3) [ 'Alice', 'Bob', 'Carol' ]
4) Alice · Bob · Carol
5) ของเดิมยังอยู่: Alice, Bob ,Carol,  Dave
6) รายการวัตถุด…

ทางเดินคือ split → ล้าง → slice → join — แปลงเป็น array เพื่อจัดการ แล้วแปลงกลับเป็น string เพื่อแสดงผล
บรรทัด 5 คือสิ่งที่ผมอยากให้สังเกต: ผ่านมาสี่ขั้นตอนแล้ว raw ยังเหมือนเดิมเป๊ะ ทุกขั้นตอนคืนของก้อนใหม่หมด ถ้าอยากย้อนกลับไปเริ่มใหม่ก็ทำได้ตลอดเวลา

บรรทัด 6 เป็นการใช้ slice ที่คุณจะเจอทุกโปรเจกต์: ตัดข้อความยาวให้พอดีการ์ด
แต่ระวัง — ถ้าข้อความเป็นภาษาไทย slice(0, 12) อาจตัดกลางสระได้ ด้วยเหตุผลเดียวกับกล่องเตือนในหัวข้อ 3

9 · ทวนความเข้าใจ

10 · ภารกิจ

11 · สรุปสั้น ๆ

• join = array → string · ตัวในวงเล็บคือตัวคั่นระหว่างชิ้น · join() เปล่า ๆ ได้คอมมา ไม่ใช่ไม่มีอะไร
• split = string → array · หา delimiter ไม่เจอไม่ error แต่คืน array ยาว 1 · split() เปล่า ๆ tsc ฟ้อง TS2554
• split("") แบ่งตามหน่วยในหน่วยความจำ ไม่ใช่ตามที่ตาเห็น — "กิน" ได้ 3 ชิ้น
• slice(เริ่ม, ก่อนถึง) ใช้ได้ทั้ง string และ array · ความยาวผลลัพธ์ = เลขหลัง − เลขหน้า · เลขติดลบ = นับจากท้าย
• slice ไม่แตะของเดิม · splice แก้ของเดิมและคืนของที่ลบ · string ไม่มี splice
• slice ของ Go แชร์ความจำ · slice ของ TypeScript ก๊อปใหม่ — แต่ก๊อปชั้นเดียว object ข้างในยังแชร์กัน

บทหน้า (67) จะเป็น map · filter · reduce ซึ่งอยู่กลุ่ม "ไม่แตะของเดิม" เหมือน slice ทั้งหมด — คำว่า immutable ที่ติดป้ายไว้ในบทนี้จะกลับมาเป็นตัวเอกของบทนั้น

ตรงไหนที่อ่านแล้วยังไม่เห็นภาพ ถามกลับมาได้เลย — โดยเฉพาะเรื่อง Go เทียบ TypeScript ในหัวข้อ 5 ซึ่งเป็นจุดที่คนเรียน Go มาก่อนสะดุดกันเกือบทุกคน

อ้างอิง

• MDN — Array.prototype.slice() — อ่านหัวข้อ Parameters ให้จบ จะเจอประโยคที่อธิบายเลขติดลบไว้ตรง ๆ และประโยคที่บอกว่ามันเป็น shallow copy ซึ่งคือกล่องเตือนในหัวข้อ 5 ของบทนี้
• MDN — Array.prototype.splice() — ดูเฉพาะหัวข้อ Return value สองบรรทัด จะเห็นว่ามันคืน "array ของสิ่งที่ถูกลบ" ไม่ใช่ array ที่เหลือ — ต้นเหตุของบั๊กในควิซข้อ 2
• MDN — String.prototype.split() — อ่านย่อหน้า Description เรื่อง empty string ที่อธิบายว่าทำไม "".split(",") กับ "".split("") ให้ผลไม่เท่ากัน และคำเตือนเรื่อง surrogate pair ที่ทำให้ emoji แตกเป็นหลายชิ้น
• MDN — Array.prototype.join() — อ่านสองประโยคแรกของ Description ที่บอกว่า null และ undefined จะกลายเป็นข้อความว่าง — คือที่มาของ a---b ในหัวข้อ 2
• Go Blog — Go Slices: usage and internals — อ่านหัวข้อ Slice internals ย่อหน้าเดียว เพื่อยืนยันด้วยตาตัวเองว่า slice ของ Go คือ pointer ที่ชี้ไป array ก้อนเดิม — คนละเรื่องกับ slice ของ TypeScript ที่ก๊อปออกมาใหม่
• TypeScript Handbook — Everyday Types: Arrays — อ่านย่อหน้าสั้น ๆ ตรงหัวข้อ Arrays เพื่อดูว่า string[] กับ Array<string> เป็นของอย่างเดียวกัน ต่างกันแค่วิธีเขียน