How to Iterate Array of Objects in TypeScript ?

TypeScript Array Symbol.iterator Method

Last Updated : 03 Sep, 2024

In TypeScript the Symbol.iterator function plays a role, in allowing iteration over arrays using for...of loops and other iterator-based mechanisms. This built-in function eliminates the need, for definition when working with arrays simplifying the process of accessing elements.

Syntax:

const iterator: Iterator<T> = array[Symbol.iterator]();

Parameter:

None: No parameter is required.

Return Value:

It returns the iterable point that can be accessed in a for loop for getting values of that array.

Example 1: We will iterate each element of an array by using a, for...of loop and see the working of Symbol.iterator Method.

JavaScript

// TypeScript code with annotations
let numbers: number[] = [1, 2, 3, 4, 5,
    6, 7, 8, 9, 10];

// Here we use Symbol.iterator to get the default iterator
let iterator = numbers[Symbol.iterator]();

for (let num of iterator) {
    console.log(num);
}

Output:

Example 2: We are going to manually iterate using the next method and see the working of Symbol.iterator Method.

JavaScript

// TypeScript code with annotations
let geeks: string[] = ['Pankaj', 'Ram', 'Shravan', 'Jeetu'];

// Here we use Symbol.iterator to get the default iterator
let iterator = geeks[Symbol.iterator]();

// Manually iterating using the next method
let output = iterator.next();

while (!output.done) {
    console.log(output.value);
    output = iterator.next();
}

Output:

Pankaj
Ram
Shravan
Jeetu

How to Iterate Array of Objects in TypeScript ?

pankajbind

Improve

Article Tags :

Similar Reads

TypeScript Array entries() Method

The Array.prototype.entries() method in TypeScript returns a new array iterator object that contains the key/value pairs for each index in the array. This method is useful when you need to iterate over the key/value pairs in the array. Note: In TypeScript, the entries() method is not available direc

TypeScript Array keys() Method

In TypeScript, the keys() method is not directly available on arrays in the same way it is on objects. Instead, the Object.keys() method from the Object class can be used to obtain the keys of an array. When applied to an array, Object.keys() returns an array containing the string representations of

TypeScript Array lastIndexOf() Method

The Array.prototype.lastIndexOf() method in TypeScript is used to find the last index at which a given element can be found in the array, searching backwards from the fromIndex. It returns the index of the found element, or -1 if the element is not present. Syntax: array.lastIndexOf(searchElement[,

How to Iterate Array of Objects in TypeScript ?

In TypeScript, we can iterate over the array of objects using various inbuilt loops and higher-order functions, We can use for...of Loop, forEach method, and map method. There are several approaches in TypeScript to iterate over the array of objects which are as follows: Table of Content Using for..

Iterators & Generators in TypeScript

Iterators and generators are powerful features in TypeScript (and JavaScript) that allow for the creation and manipulation of sequences of values in a lazy, efficient manner, in this article we shall give a detailed account of what these concepts are all about and how to implement them in TypeScript

PHP | ArrayIterator current() Function

The ArrayIterator::current() function is an inbuilt function in PHP which is used to return the current element of array iterator. Syntax: mixed ArrayIterator::current( void ) Parameters: This function does not accept any parameters. Return Value: This function returns the current element of array.

PHP | ArrayIterator next() Function

The ArrayIterator::next() function is an inbuilt function in PHP which is used to move the iterator to the next entry. Syntax: void ArrayIterator::next( void ) Parameters: This function does not accept any parameters. Return Value: This function does not return any value. Below programs illustrate t

How to Iterate Over Characters of a String in TypeScript ?

In Typescript, iterating over the characters of the string can be done using various approaches. We can use loops, split() method approach to iterate over the characters. Below are the possible approaches: Table of Content Using for LoopUsing forEach() methodUsing split() methodUsing for...of LoopUs

Lodash _.prototype[Symbol.iterator]() Method

Lodash _.prototype[Symbol.iterator]() method of Sequence in lodash is used to permit the wrapper to be iterable. Syntax:_.prototype[Symbol.iterator]();Parameters: This method doesn't accept any parameter. Return Value: This method returns the lodash wrapper object. Example 1: In this example, we are

Javascript String @@iterator Method

String [@@iterator]( ) Method is used to make String iterable. [@@iterator]() returns an iterator object which iterates over all code points of String. String[@@iterator] is a Built-in Property of String. We can use this method by making a string iterator. We can make an iterator by calling the @@it