Summary
This chapter explains how to use the spread syntax to generate a new array by unpacking elements from an existing array and appending additional items, leaving the original array unchanged.

General domain of usage
Array generation

Actually, array generation is a rather **complex topic** for a beginner course, and there are quite a few ways to generate arrays. But I think it's a good idea to at least explore **one type of array generation**, so you'll know that it exists and is quite commonly used.

**Array generation** is needed to automatically create a new array based on a **condition** or **another array**. For example, we can set a condition that we need an array of numbers from `1` to `100` or that we only need **even numbers**. There are many applications, and we will come back to this when working with loops.

Let's look at an example of how to generate a new array based on an existing one:

let numbers: number[] = [1, 2, 3, 4, 5];
let newArray = [...numbers, 6, 7, 8];
console.log(newArray); 

We used the following syntax:
```javascript
let newArray: type[] = [...array, additionalElements]
```
The three dots mean that we are using the old array and adding new elements to it. The **old array remains unchanged**, and a new updated array is **created based on it**, with the new values we add.

This is one of the easiest ways to generate an array. In the future, when we will discuss loops and functions, we will talk more about various methods of array generation.

What is the effect of using the spread operator (`...`) when generating a new array in TypeScript?

Learn the fundamentals of TypeScript by exploring its syntax, type system, control flow, arrays, and functions. Practical examples and challenges help build confidence in writing clear, type-safe code and applying core programming concepts.

Spread Syntax