JS遍历及用法

概述：

JavaScript 是一种广泛使用的编程语言，它提供了一些内置的方法和工具，可以使遍历数据结构更加简单。遍历是在程序中使用最频繁的操作之一，因为它是访问数据结构中所有元素的基础。

我们将探讨如何使用 JavaScript 遍历不同的数据结构：

1. 遍历数组

JavaScript 数组提供了一个内置方法 forEach

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

arr.forEach(function(item, index) {
  console.log(item, index);
});

输出结果：

1 0
2 1
3 2
4 3
5 4

2. 遍历对象

JavaScript 对象可以使用 for.. in

const obj = {
  name: 'John',
  age: 30,
  city: 'New York'
};

for(let key in obj) {
console.log(key, obj[key]);
}

输出结果：

name John
age  30
city New York

3. 遍历 MAP

JavaScript Map 是一种数据结构，它存储键值对，其中键和值可以是任何类型的数据。

const map = new Map();
map.set('name', 'John');
map.set('age', 30);
map.set('city', 'New York');

map.forEach(function(value, key) {
  console.log(key, value);
});

输出结果：

name John
age 30
city New York

4. 遍历 Set

JavaScript Set 是一种数据结构，它存储唯一的值。

const set = new Set();
set.add('apple');
set.add('banana');
set.add('orange');
set.forEach(function(value) {
console.log(value);
});

输出结果：

apple
banana
orange

5. 遍历字符串

JavaScript 字符串可以使用 'for of

var str = "Hello, world!";
for (var char of str) {
  console.log(char);
}

输出结果：

H
E
L
L
O
,
 
W
O
R
L
D
!

总结：

在JavaScript中，有许多不同的遍历方法，每种方法都有其自己的特点和用途。通过使用这些方法，您可以轻松地遍历数组、对象以及其他数据结构，并处理它们的每个元素。选择适合您需求的遍历方法，可以让您的代码更加简洁高效。