TypeScript Array entries() Method

TypeScript entries() method of Array instances 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 directly on arrays as it is in JavaScript for objects, but we can achieve a similar result through a different approach.

Syntax:

Object.entries(arrayName)

Return Value:

An iterator that yields key-value pairs, where keys are indices and values are array elements.

Example 1: We will access student names and indices using entries().

Javascript

const students: string[] =
    ["Pankaj", "Ram", "Shravan"];
const studentIterator =
    Object.entries(students);

// Using a for-of loop to
// access each key-value pair
for (const [index, value] of studentIterator) {
    console.log(`Index: ${index}, Value: ${value}`);
}

Output:

Index: 0, Value: Pankaj
Index: 1, Value: Ram
Index: 2, Value: Shravan

Example 2: We will access number array elements with indices using a while loop.

Javascript

const numbers: number[] = [10, 20, 30];
const numberIterator = Object.entries(numbers);

// we will use for loop to
// access key-value pair
for (const [index, value] of numberIterator) {
    console.log(`Index: ${index}, Value: ${value}`);
}

Output:

Index: 0, Value: 10
Index: 1, Value: 20
Index: 2, Value: 30

Supported Browsers:

• Google Chrome
• Edge
• Firefox
• Opera
• Safari