代码之家 › 专栏 › 技术社区 › Penny Pang

将reduce()方法转换为map()方法

reduce dataframe csv reactjs javascript

-1

Penny Pang · 技术社区 · 6 年前

我想使用map()方法 _processData() 函数提取csv文件的纬度和经度列,但不确定如何提取。我使用d3 fetch来解析csv文件。

  class App extends Component {
    state = {
      points: [],
    }

    componentDidMount() {
      this._processData()
    }

    _processData() {
      csv(csvFile).then(x => {
        const points = x.reduce((accu, curr) => {
          accu.push({
            position: [Number(curr.LONGITUDE), Number(curr.LATITUDE)],
            pickup: true,
          })
          return accu
        }, [])
        this.setState({
          points,
        })
      })
    }
    
  }

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.6.3/umd/react.production.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.6.3/umd/react-dom.production.min.js"></script>

1 回复 | 直到 6 年前

Aaditya Thakkar 6 年前

您只需执行以下操作:

_processData() {
  csv(csvFile).then(x => {
    const points = x.map(curr => ({
      position: [Number(curr.LONGITUDE), Number(curr.LATITUDE)],
      pickup: true,
    }));
    this.setState({
      points,
    })
  })
}

推荐文章

SD_ · 使用CLI将由文件分隔符控制字符(FS/ASCII28/UTF-8 0x1C)分隔的csv文件读取到duckdb中

8 月前

ViSa · 如何在python中分隔存储在变量中的文本以创建数据帧?

1 年前

S K · 需要在Powershell中使用2个变量为CSV文件创建foreach循环

1 年前

Kavya shree · 将TSV文件数据转换为可推送到数据库的数据帧

1 年前

Joan Lopez · 从csv中提取的数据获得平均值

1 年前

Chinmaya Tewari · 创建新csv文件时权限被拒绝

1 年前

Parker Clark · 通过Bash操作csv中的特定列?

1 年前

Rasec Malkic · 如何根据第1列和第3列中的条件删除重复项?

1 年前

James Black · 如何基于列删除CSV文件中重复的行

1 年前

James Black · 将json文件转换为具有更多列的csv文件-Python

1 年前