TypeScript - remove empty elements from array

In this article, we would like to show you how to remove empty elements from an array in TypeScript.

Quick solution:

const outputArray: type[] = inputArray.filter(x => x);

Alternative solutions

When we want to keep zeros too:

const outputArray: type[] = inputArray.filter(x => x || x === 0);

When we want to keep empty strings too:

const outputArray: type[] = inputArray.filter(x => x || x === '');

Practical example

In this example, we use filter() method to create a copy of the values array without empty elements.

const values: unknown[] = ['A', 'B', 1, -2, 0, null, undefined, , , , '', '', 'C', 'D'];
const result: unknown[] = values.filter((x) => x);

console.log(result);

Output:

[ 'A', 'B', 1, -2, 'C', 'D' ]

See also

1. JavaScript - remove empty elements from array