TypeScript Tutorials

How to Copy an Array in TypeScript

How to Copy an Array in TypeScript ?

Answer

To copy an array in TypeScript, you can use similar methods as JavaScript such as spread operator, Array.from(), or Array.slice().

✐ Examples

1 Copying an Array using Spread Operator

In this example,

We create an array named array1 with elements.
We then use the spread operator [...array1] to create a copy of array1 and store it in array2.
The spread operator creates a new array with the same elements as the original array.

TypeScript Program

const array1: number[] = [1, 2, 3, 4, 5];
const array2: number[] = [...array1];
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

2 Copying an Array using Array.from()

In this example,

We create an array named array1 with elements.
We then use Array.from(array1) to create a copy of array1 and store it in array2.
Array.from() creates a new array instance from an array-like or iterable object.

TypeScript Program

const array1: number[] = [1, 2, 3, 4, 5];
const array2: number[] = Array.from(array1);
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

3 Copying an Array using Array.slice()

In this example,

We create an array named array1 with elements.
We then use array1.slice() to create a copy of array1 and store it in array2.
Array.slice() returns a shallow copy of a portion of an array into a new array object.

TypeScript Program

const array1: number[] = [1, 2, 3, 4, 5];
const array2: number[] = array1.slice();
console.log('Array 1:', array1);
console.log('Array 2 (copy of Array 1):', array2);

Output

Array 1: [ 1, 2, 3, 4, 5 ]
Array 2 (copy of Array 1): [ 1, 2, 3, 4, 5 ]

Summary

In this tutorial, we learned How to Copy an Array in TypeScript language with well detailed examples.

◀ Previous Next ▶

TypeScript Tutorials

TypeScript How-Tos

How to Copy an Array in TypeScript

How to Copy an Array in TypeScript ?

Answer

✐ Examples

1 Copying an Array using Spread Operator

TypeScript Program

Output

2 Copying an Array using Array.from()

TypeScript Program

Output

3 Copying an Array using Array.slice()

TypeScript Program

Output

Summary

More TypeScript Arrays Tutorials