การตรวจสอบ DTO ซ้อนกันและอาร์เรย์
ตรวจสอบออบเจ็กต์ซ้อนกันและคอลเลกชันด้วย @ValidateNested, @Type และการตัด field ที่ไม่อยู่ในรายการอนุญาต
การตรวจสอบ DTO ซ้อนกันและอาร์เรย์ เป็นบทเรียน NestJS Enterprise Backend APIs ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน NestJS Enterprise Backend APIs และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส NestJS Enterprise Backend APIs มีบทเรียนทั้งหมด 4 บทเรียน
บางส่วนของบทเรียนนี้ยังไม่ได้รับการแปล และแสดงเป็นภาษาอังกฤษ
Why Nested Validation Needs Help
NestJS pairs class-validator with class-transformer through the global ValidationPipe. For flat DTOs this works out of the box: decorators on each property run automatically.
But the moment a DTO contains another object or an array of objects, validation silently stops at the boundary. The validator sees a child property, but it does not know it is a class instance whose own decorators should run.
- A nested
addressobject is treated as an opaque value. - An
itemsarray is checked for being an array, but its elements are never validated.
This lesson shows how @ValidateNested, @Type, and whitelist stripping close those gaps.
The Problem in Code
Consider an order payload with a nested address. Adding @ValidateNested alone is not enough — the validator still needs the child to be an actual AddressDto instance, not a plain object.
Without @Type, class-transformer leaves address as a plain object, so the @IsString() on city never runs. Invalid data passes through unnoticed.
import { IsString, ValidateNested } from 'class-validator';
// AddressDto's own rules will NOT run yet
class AddressDto {
@IsString()
city: string;
}
export class CreateOrderDto {
@ValidateNested() // declares intent, but lacks a target type
address: AddressDto;
}@Type Makes the Child a Real Instance
The missing piece is @Type(() => AddressDto) from class-transformer. It tells the transformer how to construct the nested value, turning the raw JSON object into a true AddressDto instance.
Only then do the child's decorators (@IsString, @IsNotEmpty, etc.) actually execute. The rule of thumb:
- @ValidateNested() → "recurse into this property".
- @Type(() => Child) → "build it as this class first".
You almost always need both together.
import { IsString, IsPostalCode, ValidateNested } from 'class-validator';
import { Type } from 'class-transformer';
class AddressDto {
@IsString()
city: string;
@IsPostalCode('US')
zip: string;
}
export class CreateOrderDto {
@ValidateNested()
@Type(() => AddressDto)
address: AddressDto;
}Enabling transform in the Pipe
For @Type to take effect, the ValidationPipe must run class-transformer. Enable it globally with transform: true.
This also converts primitives: a route param string '42' becomes a number when the DTO/param type says so. Without transform, nested classes stay plain and your @Type hints are ignored.
import { ValidationPipe } from '@nestjs/common';
import { NestFactory } from '@nestjs/core';
import { AppModule } from './app.module';
async function bootstrap() {
const app = await NestFactory.create(AppModule);
app.useGlobalPipes(
new ValidationPipe({
transform: true, // run class-transformer (required for @Type)
whitelist: true,
forbidNonWhitelisted: true,
}),
);
await app.listen(3000);
}
bootstrap();Validating Arrays of DTOs
Arrays of objects need the same pair, with one addition: each: true. This makes @ValidateNested({ each: true }) apply the nested validation to every element of the array.
@Type(() => ItemDto) maps each raw element into an ItemDto instance. Add @IsArray() and optionally @ArrayMinSize(1) to guard the collection shape itself.
import { IsArray, ArrayMinSize, IsString, IsInt, Min, ValidateNested } from 'class-validator';
import { Type } from 'class-transformer';
class OrderItemDto {
@IsString()
sku: string;
@IsInt()
@Min(1)
quantity: number;
}
export class CreateOrderDto {
@IsArray()
@ArrayMinSize(1)
@ValidateNested({ each: true }) // validate every element
@Type(() => OrderItemDto)
items: OrderItemDto[];
}Deeply Nested Structures
The pattern composes to any depth. An order has items, and each item has its own nested discount. Each level that crosses into another class repeats the @ValidateNested + @Type pair.
Validation recurses top-down: the order validates its items array, each item validates its discount object, and every leaf decorator runs. There is no special "deep" flag — you just apply the same two decorators at each boundary.
import { ValidateNested, IsString, IsNumber, Max, Min } from 'class-validator';
import { Type } from 'class-transformer';
class DiscountDto {
@IsNumber()
@Min(0)
@Max(1)
rate: number;
}
class OrderItemDto {
@IsString()
sku: string;
@ValidateNested()
@Type(() => DiscountDto)
discount: DiscountDto;
}
export class CreateOrderDto {
@ValidateNested({ each: true })
@Type(() => OrderItemDto)
items: OrderItemDto[];
}whitelist Strips Unknown Properties
whitelist: true removes any property in the incoming payload that has no validation decorator on the DTO. This is a core security defense: clients cannot smuggle extra fields like isAdmin or role into your entities.
Crucially, whitelisting works recursively on validated nested objects. If a nested AddressDto only declares city and zip, an injected country field on the nested object is stripped too — but only because @ValidateNested + @Type made the validator descend into it.
forbidNonWhitelisted: Reject vs Strip
There are two postures for unknown fields:
- whitelist: true — silently strips unknown properties and continues.
- whitelist + forbidNonWhitelisted: true — rejects the whole request with
400, listing the offending property.
For public APIs, forbidding is stricter and surfaces client mistakes early. Note that forbidNonWhitelisted only has an effect when whitelist is also enabled.
// Payload: { "city": "Austin", "zip": "73301", "hack": "x" }
// whitelist: true (only)
// -> { city: 'Austin', zip: '73301' } // 'hack' stripped
// whitelist: true + forbidNonWhitelisted: true
// -> 400 Bad Request
// -> message: ["property hack should not exist"]A Pure class-validator Example You Can Run
Outside NestJS, the same engine works directly. This standalone snippet builds a nested instance with plainToInstance and validates it with validateSync — exactly what the ValidationPipe does internally.
Run it to see how @ValidateNested + @Type surface a nested error.
import 'reflect-metadata';
import { IsString, IsInt, Min, ValidateNested, validateSync } from 'class-validator';
import { plainToInstance, Type } from 'class-transformer';
class ItemDto {
@IsString() sku!: string;
@IsInt() @Min(1) quantity!: number;
}
class OrderDto {
@ValidateNested({ each: true })
@Type(() => ItemDto)
items!: ItemDto[];
}
const payload = { items: [{ sku: 'A1', quantity: 0 }] };
const dto = plainToInstance(OrderDto, payload);
const errors = validateSync(dto);
console.log(JSON.stringify(errors[0].children[0].children, null, 2));Optional and Nullable Nested Objects
A nested object that may be absent should be marked @IsOptional(). When present, it is still validated; when missing, it is skipped. Combine this with @ValidateNested and @Type as usual.
For arrays, @IsOptional() lets the whole array be omitted, while @ArrayMinSize still enforces a minimum once the array is provided. Keep each: true so present elements remain validated.
import { IsOptional, ValidateNested, IsString } from 'class-validator';
import { Type } from 'class-transformer';
class BillingDto {
@IsString()
taxId: string;
}
export class UpdateAccountDto {
@IsOptional()
@ValidateNested()
@Type(() => BillingDto)
billing?: BillingDto;
}Common Pitfalls
Watch for these failures, which all let bad data through silently:
- Forgetting @Type — nested object stays plain; child decorators never run.
- Forgetting transform: true — the pipe never invokes class-transformer, so
@Typeis ignored. - Missing each: true on arrays — only the first/whole array is checked, not each element.
- No reflect-metadata import — decorators emit no metadata; validation no-ops.
- Disabling whitelist — unknown fields flow straight into your service layer.
Quick Check
You have an array of nested DTOs to validate. Which combination is required?
Recap
You now know how to validate nested and array DTOs in NestJS:
- @ValidateNested() tells the validator to recurse into a child object; add { each: true } for arrays.
- @Type(() => Child) from class-transformer turns raw JSON into real class instances so child decorators run.
- transform: true on the ValidationPipe is mandatory for @Type to take effect.
- whitelist: true strips undeclared properties recursively; forbidNonWhitelisted: true rejects them with a 400 instead.
- Always import reflect-metadata and repeat the @ValidateNested + @Type pair at every class boundary, however deep.
เรียนรู้ TypeScript ด้วย AI tutor — ฟรี
เขียนและเรียกใช้โค้ดจริงในเบราว์เซอร์ของคุณ รับความช่วยเหลือทันทีจาก AI tutor 24/7 และเรียนรู้ต่อจากที่คุณหยุดบนเว็บหรือในแอป
- คอร์ส
- 20
- บทเรียน
- 76
คำถามที่พบบ่อย
บทเรียน “การตรวจสอบ DTO ซ้อนกันและอาร์เรย์” ฟรีหรือไม่
ใช่ — ข้อความเต็มของ “การตรวจสอบ DTO ซ้อนกันและอาร์เรย์” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส NestJS Enterprise Backend APIs ให้อัปเกรดเป็น CoddyKit PRO คอร์ส NestJS Enterprise Backend APIs มีบทเรียนทั้งหมด 4 บทเรียน
คุณจะเรียนรู้อะไรในบทเรียน “การตรวจสอบ DTO ซ้อนกันและอาร์เรย์”
ตรวจสอบออบเจ็กต์ซ้อนกันและคอลเลกชันด้วย @ValidateNested, @Type และการตัด field ที่ไม่อยู่ในรายการอนุญาต คุณปฏิบัติ NestJS Enterprise Backend APIs ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน
คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน NestJS Enterprise Backend APIs หรือไม่
ไม่จำเป็นต้องมีประสบการณ์มาก่อน NestJS Enterprise Backend APIs บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 4 บทเรียน
บทเรียน “การตรวจสอบ DTO ซ้อนกันและอาร์เรย์” ใช้เวลานานแค่ไหน
บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย
ฉันเขียนและรันโค้ดในบทเรียน NestJS Enterprise Backend APIs นี้ได้ไหม
ได้ บทเรียน NestJS Enterprise Backend APIs ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ
บทเรียนทั้งหมดในหลักสูตรนี้
- การตรวจสอบ DTO ซ้อนกันและอาร์เรย์
- ตัวตรวจสอบแบบกำหนดเองและข้อจำกัดแบบอะซิงโครนัส
- การปรับรูปแบบการตอบกลับด้วย ClassSerializerInterceptor
- การตรวจสอบแบบมีเงื่อนไขและกลุ่มแบบไดนามิก