Readonly 배열과 불변 데이터

환영합니다

배열의 readonly 수정자

const ids: readonly number[] = [1, 2, 3];
// ids.push(4);   // Error
// ids[0] = 99;   // Error
console.log(ids[0]); // OK — reading is fine

ReadonlyArray<T> 제네릭 형식

const names: ReadonlyArray<string> = ['Alice', 'Bob'];
// names.push('Charlie'); // Error

함수에서 읽기 전용 배열 반환하기

function getConfig(): readonly string[] {
  return ['host', 'port', 'db'];
}

변경 불가능한 함수 매개변수

function sum(nums: readonly number[]): number {
  return nums.reduce((a, b) => a + b, 0);
  // nums.push(99); // Error inside function
}

리터럴 배열에 as const 사용하기

const colors = ['red', 'green', 'blue'] as const;
// type: readonly ['red', 'green', 'blue']
// colors.push('yellow'); // Error

Readonly는 깊은 동결을 수행하지 않습니다

const users: readonly { name: string }[] = [{ name: 'Alice' }];
// users.push({}); // Error
users[0].name = 'Bob'; // Allowed — object itself is mutable

Readonly<T>로 깊은 변경 불가능성 구현하기

type ImmutableUser = Readonly<{ name: string; scores: readonly number[] }>;
const u: ImmutableUser = { name: 'Alice', scores: [90, 85] };
// u.name = 'Bob';       // Error
// u.scores.push(100);  // Error

변경 가능한 배열과 읽기 전용 배열의 할당

const ro: readonly number[] = [1, 2];
const mutable: number[] = ro; // Error!

읽기 전용 배열을 사용하는 경우

전개하면 새로운 변경 가능한 배열이 생성됩니다

const base: readonly number[] = [1, 2, 3];
const extended: number[] = [...base, 4]; // new mutable array

빠른 확인

복습