TypeScript Array entries()用法及代碼示例

TypeScript entries()方法Array 實例返回一個新的數組迭代器對象，其中包含數組中每個索引的鍵/值對。當您需要迭代數組中的鍵/值對時，此方法非常有用。

注意：在 TypeScript 中，entries() 方法不能像 JavaScript 中的對象那樣直接在數組上使用，但我們可以通過不同的方法獲得類似的結果。

用法:

Object.entries(arrayName)

返回值：

生成鍵值對的迭代器，其中鍵是索引，值是數組元素。

示例 1：我們將使用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}`);
}

輸出：

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

示例 2：我們將使用 while 循環訪問帶有索引的數字數組元素。

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}`);
}

輸出：

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

支持的瀏覽器：

穀歌瀏覽器
Edge
Firefox
Opera
Safari

相關用法

注：本文由純淨天空篩選整理自pankajbind大神的英文原創作品 TypeScript Array entries() Method。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。