Javascript foreach 获取键和值

在Javascript中，我们通常需要遍历数组或对象中的所有元素，获得其键和值。使用forEach方法可以很方便地完成这个任务。

遍历数组

首先，让我们来看看如何遍历数组并获取其元素的值和索引。

const arr = ['apple', 'banana', 'orange'];

arr.forEach((value, index) => {
  console.log(`Index ${index}: ${value}`);
});

这将会输出：

Index 0: apple
Index 1: banana
Index 2: orange

在这个例子中，我们定义了一个数组arr，然后使用forEach方法遍历它。value表示当前元素的值，index表示当前元素的索引。在上面的代码中，我们使用了箭头函数来输出每个元素的值和索引。

遍历对象

现在让我们看看如何遍历对象并获取其属性名和属性值。

const obj = { name: 'John Smith', age: 30, gender: 'male' };

Object.keys(obj).forEach((key, index) => {
  console.log(`Key ${index}: ${key}, Value: ${obj[key]}`);
});

这将会输出：

Key 0: name, Value: John Smith
Key 1: age, Value: 30
Key 2: gender, Value: male

在这个例子中，我们定义了一个对象obj，然后使用Object.keys获取对象的属性名，然后使用forEach方法遍历属性名。在每次循环中，我们使用key获取当前属性名，然后使用obj[key]获取对应的属性值。

结论

使用forEach方法可以很方便地遍历数组或对象，并获取其键和值。以上是一个基本的例子，你可以根据自己的需要进行更改和扩展。