javascript - 在 React 中尝试排序和切片时如何保留整个 geojson？

Question

我正在尝试对 geojson 中的要素集合进行排序基于一个属性，然后根据该 geojson 对前 5 个特征进行切片。在一些人的帮助下，我已经设置了基本的排序和切片，但我注意到当我返回排序和切片我的 geojson 的最终结果时，最终结果不是 geojson，而只是特定数组的子集在 geojson 中。

我将如何更改我的代码以保留原始的 geojson 架构，但只保留那些排名前 5 位的功能？目的是映射较小的排序 geojson 结果。我在这里有一个编码示例:

https://codesandbox.io/s/slicing-geojson-qg1hb?file=/src/App.js

在控制台中打印“原始 geojson”和“最终结果”。

这是我在过滤器之前和之后得到的结果:

过滤前:

original geojson: 
{type: "FeatureCollection", features: Array(22), crs: Object}

过滤后:

Final Result: 
(5) [Object, Object, Object, Object, Object]
0: Object
type: "Feature"
geometry: Object
properties: Object
1: Object
2: Object
3: Object
4: Object
​

我希望最终结果看起来与原始结果相同，只是按降序排序并仅保留前 5 个特征。

Answer 1

不确定这是不是问题。如果我对您的理解正确，那么您原来的 geoJSON 是什么，但是用过滤后的特征数组替换了特征数组。

您可以只使用扩展运算符创建一个对象的副本，然后用您的新数组覆盖特征数组。

console.log("Final Result:", {
  ...this.state.geojson,
  features: rearrangedFeatures,
});