在JavaScript中，数组和对象遍历是常见的编程需求。本文将详细介绍JS中各种遍历方法，包括原生方法和ES6引入的新特性。
我们来看看JS原生提供的遍历方法：
1. **for循环**：这是最基础的遍历方式，适用于遍历数组和对象。对于数组，它按索引顺序访问每个元素；对于对象，它遍历可枚举的属性。例如：
```javascript
for(var i=0; i<arrTmp.length; i++) {
console.log(i+": "+arrTmp[i]);
}
```
2. **for-in循环**：通常用于遍历对象的属性，但也可用于遍历数组。需要注意的是，for-in遍历的是属性名（字符串类型），且会遍历到可枚举的方法。例如：
```javascript
for(var i in arrTmp) {
console.log(i+": "+arrTmp[i]);
}
```
3. **forEach**：ES5引入的方法，专为数组设计。forEach接受一个回调函数，依次处理数组的每个元素，但不提供跳出循环的机制。例如：
```javascript
arrTmp.forEach(function(value, index, array) {
console.log(value+","+index+","+array[index]);
});
```
4. **for-of循环**：ES6引入的新特性，可以遍历可迭代对象，如数组、Map、Set、字符串等，但不提供索引。例如：
```javascript
for(let i of arrTmp) {
console.log(i);
}
```
5. **Object.keys()**：如果需要获取对象的所有可枚举属性名，可以使用此方法。例如：
```javascript
console.log(Object.keys(anObj)); // ['100', '2', '7']
```
除此之外，还有一些其他的方法和技巧：
6. **map()**、**filter()**、**reduce()**：这些是数组方法，可以进行映射、过滤和累加操作，同时也遍历了数组的每个元素。
7. **every()** 和 **some()**：用于检查数组所有或部分元素是否满足条件，也可以遍历数组。
8. **Object.getOwnPropertyNames()**：与Object.keys类似，但返回的是所有属性名，包括不可枚举的。
9. **Symbol.iterator**：ES6引入的迭代器协议，允许自定义遍历逻辑，例如：
```javascript
let iterable = [1, 2, 3];
let iterator = iterable[Symbol.iterator]();
console.log(iterator.next().value); // 输出 1
```
10. **Object.entries()**：返回一个数组，包含对象的所有可枚举属性，每项是一个包含键值对的数组。
在实际开发中，选择合适的遍历方法取决于具体需求。例如，如果只是简单地打印数组元素，forEach或for-of可能更简洁；如果需要处理对象的属性，for-in或Object.keys可能是更好的选择。同时，需要注意浏览器的兼容性问题，特别是老版本的IE浏览器，可能不支持某些ES6特性。在处理复杂数据结构时，可以结合多种遍历方法来实现特定功能。
