trim – ลบ whitespace หน้าและหลังข้อความ

trim() ลบ whitespace ได้ทุกประเภทออกจากหน้าและท้ายข้อความครับ:
.
✅ **ที่ลบได้:**
– ช่องว่างธรรมดา (Space)
– การเว้นวรรค (Tab)
– ขึ้นบรรทัดใหม่ (Newline)
– กลับหัวบรรทัด (Carriage return)
– เลื่อนหน้ากระดาษ (Form feed)
– เว้นวรรคแนวตั้ง (Vertical tab)
– ตัวอักษรช่องว่าง Unicode ทั้งหมด
.
❌ **ที่ไม่ลบ:** ช่องว่างตรงกลางข้อความ
.
**ตัวอย่าง:**
“`
‘ Hello World ‘.trim()
→ ‘Hello World’ (ช่องว่าง 2 ตัวตรงกลางยังอยู่)

‘
\tText\r
‘.trim()
→ ‘Text’ (tab, newline, carriage return หายหมด)
“`

แต่ละ method ลบ whitespace คนละตำแหน่งกันครับ:
.
**trim()** – ลบทั้งหน้าและหลัง
“`
‘ text ‘.trim() → ‘text’
“`
.
**trimStart()** (alias: trimLeft()) – ลบเฉพาะหน้า
“`
‘ text ‘.trimStart() → ‘text ‘
“`
.
**trimEnd()** (alias: trimRight()) – ลบเฉพาะหลัง
“`
‘ text ‘.trimEnd() → ‘ text’
“`
.
**เลือกใช้ตามกรณี:**
– Form input → ใช้ trim() (ลบทั้งสองด้าน)
– Text formatting → ใช้ trimStart()/trimEnd()
– CSV parsing → ใช้ trim() (ป้องกันช่องว่างจากทั้งสองด้าน)
.
ส่วนใหญ่ผมจะใช้ trim() ธรรมดาเลยครับ เพราะปลอดภัยที่สุด 😎

trim() จะไม่ลบช่องว่างตรงกลางข้อความครับ ลบแค่หน้าและหลังเท่านั้น
.
**ตัวอย่าง:**
“`
‘Hello World’.trim() → ‘Hello World’ (ช่องว่าง 2 ตัวตรงกลางยังอยู่)
‘ First Last ‘.trim() → ‘First Last’ (ช่องว่างตรงกลางไม่ถูกลบ)
“`
.
**ถ้าต้องการลบช่องว่างตรงกลางด้วย:**
“`javascript
{{ $json.text.trim().replace(/\s+/g, ‘ ‘) }}
“`
.
**ขั้นตอน:**
1. trim() → ลบช่องว่างหน้าและหลัง
2. replace(/\s+/g, ‘ ‘) → แทนที่ช่องว่างหลายตัวด้วยช่องว่างเดียว
.
**ผลลัพธ์:**
“`
‘ Hello World ‘.trim().replace(/\s+/g, ‘ ‘)
→ ‘Hello World’ (เหลือช่องว่างตัวเดียว)
“`
.
เทคนิคนี้ใช้ได้ดีมากเวลาทำความสะอาดข้อมูลจาก CSV หรือ textarea ครับ 💡

trim() ใช้ใน n8n expressions ได้หลาย nodes ครับ:
.
**1. Code Node / Set node**
“`
{{ $json.username.trim() }}
{{ $json.email.trim().toLowerCase() }}
“`
.
**2. IF Node (Conditional)**
“`
{{ $json.name.trim().length > 0 }}
{{ $json.input.trim() === ‘admin’ }}
“`
.
**3. Function Node (JavaScript)**
“`javascript
const cleanedData = items.map(item => ({
…item,
name: item.json.name.trim(),
email: item.json.email.trim().toLowerCase()
}));
return cleanedData;
“`
.
**4. HTTP Request Node (Query parameters)**
“`
Query: search={{ $json.query.trim() }}
“`
.
**Common Patterns:**
– Form validation: เช็คว่า input ไม่ว่างหลัง trim
– Data cleaning: ทำความสะอาดก่อนส่ง API
– Array processing: ใช้ map() clean ทุก element
.
ส่วนตัวผมจะใส่ trim() ทุกครั้งที่รับข้อมูลจาก webhook เลยครับ ป้องกันปัญหาจากช่องว่างที่มองไม่เห็น 😎

trim() return string ใหม่เสมอครับ ไม่แก้ไข string เดิม (immutable)
.
**ตัวอย่าง JavaScript:**
“`javascript
const original = ‘ text ‘;
const cleaned = original.trim();

console.log(original); // ‘ text ‘ (ไม่เปลี่ยน)
console.log(cleaned); // ‘text’ (string ใหม่)
“`
.
**ใน n8n:**
“`
{{ $json.name.trim() }} // Return string ใหม่
{{ $json.name }} // String เดิมไม่เปลี่ยน
“`
.
**สิ่งที่ควรรู้:**
– trim() ไม่มี arguments (ไม่รับ parameters)
– Return type: string
– Return string ใหม่แม้ไม่มี whitespace ให้ trim
– Original string ไม่ถูกแก้ไข (immutable)
.
นี่คือเหตุผลว่าทำไม JavaScript ถึงปลอดภัย เพราะไม่ modify ข้อมูลต้นฉบับโดยไม่ตั้งใจ 👍