请看下面的文本。

js中forEach，for in，for of循环的用法示例小结

在JavaScript中，有多种迭代数组和对象的方式。 下面是三种常见的循环的用法: forEach，for in，和for of。接下来将详细介绍它们的用法和示例。

forEach循环

JavaScript中的forEach()方法用于迭代逐个数组元素，并为每个元素执行回调函数。 常见的语法格式如下：

array.forEach(callback(currentValue[, index[, array]])[, thisArg])

其中，参数callback表示要调用的函数，currentValue是数组中当前正在处理的元素，index是基于零的数组中元素的索引值，array是数组本身。thisArg是可选参数。它表示在回调函数中this的值。

下面是一个完整的示例：

const array = [1, 2, 3, 4, 5];

array.forEach(function(currentValue, index, array) {
  console.log(currentValue);
});

输出结果为：

1
2
3
4
5

for in循环

for in循环是遍历对象自身的可枚举属性。它能够迭代javascript中的对象属性，如对象字面量、数组和字符串。它的语法格式如下：

for (variable in object) {
  statement
}

其中，变量variable是每个属性的名称; object是要遍历的对象。statement是在循环中执行的代码语句。

例如，下面的例子演示了如何使用for in循环遍历对象和数组：

const obj = {a: 1, b: 2, c: 3};

for (const prop in obj) {
  console.log(`obj.${prop} = ${obj[prop]}`);
}
// 输出结果为：
// "obj.a = 1"
// "obj.b = 2"
// "obj.c = 3"

const arr = [1, 2, 3];

for (const index in arr) {
  console.log(`arr[${index}] = ${arr[index]}`);
}
// 输出结果为：
// "arr[0] = 1"
// "arr[1] = 2"
// "arr[2] = 3"

需要注意的是，for in循环会将继承自原型链的可枚举属性都迭代输出，所以在遍历时需要使用hasOwnProperty()方法进行判断。

for of循环

for of循环是一种新的迭代语句，它可以迭代可迭代对象的值。例如，Array，Map和Set。

下面是一个简单的使用for of循环的例子：

const arr = [1, 2, 3];
for (const value of arr) {
  console.log(value);
}
// 输出结果为：
// 1
// 2
// 3

下面是一个更复杂的例子，其中使用for of循环遍历Map的键和值：

const map = new Map([['a',1], ['b',2], ['c',3]]);
for (const [key, value] of map) {
  console.log(`${key} = ${value}`);
}
// 输出结果为：
// "a = 1"
// "b = 2"
// "c = 3"

需要注意的是，for of循环仅可迭代可迭代对象的值，所以在迭代非数组或类数组对象时需要使用对象自己的迭代器（即Symbol.iterator）获取其可迭代值。

以上就是对forEach，for in，for of循环的用法和示例详细介绍。