使用yield*和function*修改默认的对象（key-value）或数组遍历顺序

**使用yield* 和 function* 修改默认的对象（key-value）或数组遍历顺序**

在 JavaScript 中，对象（key-value）和数组通常会按照它们的原始顺序进行遍历。但是，有时我们需要改变这种行为，以适应特定的需求。例如，在某些情况下，我们可能希望将对象或数组按值而不是按键或索引来遍历。

本文将展示如何使用 `yield*` 和 `function*` 来修改默认的对象（key-value）或数组遍历顺序。

### 使用 yield*

`yield*` 是一个用于生成器函数中的特殊关键字，它允许我们在一个生成器函数中调用另一个生成器函数，并将其结果作为当前生成器函数的输出。让我们看一个例子：

javascriptfunction* traverseObject(obj) {
 for (const key in obj) {
 yield key;
 }
}

function* traverseArray(arr) {
 for (let i =0; i < arr.length; i++) {
 yield arr[i];
 }
}

// 使用yield*来遍历对象和数组function* traverseMixed(obj, arr) {
 yield* traverseObject(obj);
 yield* traverseArray(arr);
}

const obj = { a:1, b:2 };
const arr = [3,4];

for (const value of traverseMixed(obj, arr)) {
 console.log(value); // 输出：a、b、3、4}

在这个例子中，我们定义了两个生成器函数 `traverseObject` 和 `traverseArray`，它们分别用于遍历对象和数组。然后，我们定义了一个新的生成器函数 `traverseMixed`，它使用 `yield*` 来调用 `traverseObject` 和 `traverseArray`，并将结果作为输出。

### 使用 function*

`function*` 是一个用于定义生成器函数的关键字，它允许我们在函数体内使用 `yield` 关键字来产生值。让我们看一个例子：

javascriptfunction* traverseObject(obj) {
 for (const key in obj) {
 yield [key, obj[key]];
 }
}

// 使用function*来遍历对象function* traverseMixed(obj) {
 const result = [];
 for (const value of traverseObject(obj)) {
 result.push(value[1]);
 }
 return result;
}

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

for (const value of traverseMixed(obj)) {
 console.log(value); // 输出：1、2}

在这个例子中，我们定义了一个生成器函数 `traverseObject`，它用于遍历对象并产生键值对。然后，我们定义了另一个生成器函数 `traverseMixed`，它使用 `function*` 来定义一个新的生成器函数，并将结果作为输出。

### 总结在本文中，我们展示了如何使用 `yield*` 和 `function*` 来修改默认的对象（key-value）或数组遍历顺序。通过使用这些关键字，我们可以创建复杂的遍历逻辑并将其应用于不同的数据结构。