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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。