javascript - 使用 foreach 在数组中选择正确的索引

Question

我已经被这个问题困扰了一段时间了。我使用 forEach 循环遍历数组，并且希望在单击组件时使用相应的索引呈现正确的页面。现在我的问题是我循环遍历数组，但无法返回正确的索引，只能返回数组中的第一个索引。我希望 Pages 组件上的 startPage 属性能够从我的 newNum 变量中渲染到正确的索引。

const itemId = this.props.navigation.getParam('pk');

let newArray = this.props.moment.filter(item => {
  return item.trip == itemId
});
console.log('getting moment fromt trip')
let num = Object.keys(this.props.trip[0].moments)
let newNum = num.forEach((number, index) => {
  console.log(number)
  return number
})

return (
  // <View style={{flex:1, backgroundColor: '#F0F5F7'}} {...this.panResponder.panHandlers}>
  <View style={{flex:1, backgroundColor: '#F0F5F7'}}>
  <HeaderMomentComponent navigation={this.props.navigation} />
  <Pages indicatorColor="salmon" startPage={newNum}>
    {newArray.map((item, index) => {
      console.log('this is the index')
      console.log(index)
      return(
        <MomentContent
          name={item.name}
          place={item.place}
          description={item.description}
          tags={item.tags}
          key={index}
        />
      )
    })}
  </Pages>
</View>
);

Answer 1

根据MDN documentation (Mozilla 开发者网络)，forEach 的返回值为 undefined。

使用Array#map返回一个 newNum 值。

let newNum = num.map((number, index) => {
  // Some logic to get a new number...
  return number
})