JSON 数组拆分 React JS

Posted

技术标签:

【中文标题】JSON 数组拆分 React JS【英文标题】:JSON array splitting React JS 【发布时间】:2022-01-23 22:29:58 【问题描述】:

我的状态中有一个 JSON 数组,我想使用它的另一半。例如,如果 JSON 数组的大小为 10,我有兴趣访问后面的 5 个值。我怎样才能做到这一点?我尝试了很多解决方案,但我总是会出错。 我正在使用 React JS。 所以我正在使用地图功能,但我无法满足我的条件。

  data.map((item, index) => 

我无法使用 reduce 或 filter 我也试过了。

【问题讨论】:

你有没有尝试使用slice方法?你可以在这里阅读:developer.mozilla.org/en-US/docs/Web/javascript/Reference/… 【参考方案1】:

正如@SaeedShamloo 提到的slice 方法在这里就足够了

data.slice(Math.floor(data.length/2), data.length).map(item => )

【讨论】:

data.form.slice(Math.floor(0), data.form.length/2).map((item, index) => ) 如果这样做是正确的吗我要访问前半部分? 操作问题是For example if the size of the JSON array is 10, I am interested in to access the later 5 values【参考方案2】:

通过数组索引使用filter

const data = [6, 7, 8, 9, 10, 11, 12, 13, 14, 15];

const res = data.filter((_, idx, arr) => idx >= arr.length / 2);

console.log(res);


// Alternatively
const res2 = data.slice(-data.length/2);

console.log(res2);

【讨论】:

以上是关于JSON 数组拆分 React JS的主要内容,如果未能解决你的问题,请参考以下文章

如何在 REACT JS API 调用中迭代 JSON 嵌套数组?

React.js - 从文本文件中获取字符串后,数组无法正确显示

React typescript - 将数组拆分为字母组

无法访问 JavaScript 对象数组 (React.js) 中的属性

了解 React.js 中数组子项的唯一键

在 React.js 中更新数组并渲染新数据