Object.entries(tabs).map((item) item是怎么变成数组的

Question

{Object.entries(tabs).map((item) => {
                    return (
                        <Tab.Screen
                            key = {item[0]}
                            name = {item[0]}
                            component={item[1].screen}
                            options={item[1].navigationOptions}
                        />
                    )
                })}

Answer 1

CrazyCodeBoy 2023-08-28 09:15:59

这段JS代码使用了以下语法：

1. `Object.entries()`: 这是一个用于返回对象自身可枚举属性的键值对数组的方法。在这里，`tabs` 对象被传递给了 `Object.entries()`，返回一个由 `[key, value]` 对组成的数组，其中 `key` 是属性名，`value` 是属性值。

2. `.map()`: 这是一个数组方法，用于对数组中的每个元素执行一个给定的函数，并返回一个新的数组，该数组包含每个函数调用的结果。在这里，对 `Object.entries(tabs)` 返回的键值对数组应用了 `.map()` 方法，传递了一个箭头函数 `(item) =>`。

3. 箭头函数 `(item) =>`: 这是一种用来声明匿名函数的简洁语法。在这里，箭头函数接受一个参数 `item`，表示数组中的每个键值对。箭头函数内部的代码会被执行，并且返回值会被收集到 `.map()` 创建的新数组中。

综合起来，这段代码通过使用 `Object.entries(tabs)` 将 `tabs` 对象转换为键值对数组，然后使用 `.map()` 方法遍历该数组中的每个键值对，对每个键值对应用箭头函数进行处理，最终返回一个新的数组，其中包含了处理后的结果。

• 提问者 慕神8170126 #1

  如果是键值对，item应该通过 key 来访问，而不是数组下标？