arrays - react-native - 如何将数据作为JSON树推送到数组中?
问题描述
我正在使用 React Native 开发一个移动应用程序。我需要将一些数据放入具有类别(子键/子项)的数组中。我将数据存储在 Firebase 实时数据库中。因此,我想将这些数据推送到一个数组中,因为该 JSON 树存在。例如,我想构建一个如下所示的数组。有一个名为“水果”的类别。在此之下,它有“Apple”、“Strawberry”等。像这样,对于其他类别也是如此。
const items = [
{
name: 'Fruits',
id: 0,
children: [
{
name: 'Apple',
id: 10,
},
{
name: 'Strawberry',
id: 17,
},
{
name: 'Pineapple',
id: 13,
},
{
name: 'Banana',
id: 14,
},
{
name: 'Watermelon',
id: 15,
},
{
name: 'Kiwi fruit',
id: 16,
},
],
},
{
name: 'Gems',
id: 1,
children: [
{
name: 'Quartz',
id: 20,
},
{
name: 'Zircon',
id: 21,
},
{
name: 'Sapphire',
id: 22,
},
{
name: 'Topaz',
id: 23,
},
],
},
{
name: 'Plants',
id: 2,
children: [
{
name: "Mother In Law's Tongue",
id: 30,
},
{
name: 'Yucca',
id: 31,
},
{
name: 'Monsteria',
id: 32,
},
{
name: 'Palm',
id: 33,
},
],
},
];
解决方案
让我们考虑输入具有我们期望的价值:
let output=[]
for(let i=0;i<input.length;i++){
let obj={};
obj.name = input[i].name
obj.id = input[i].id
obj.children = [ ...input.children]
output.push(obj);
}
推荐阅读
- mysql - 无法检索数据库列表 MySQL 连接 Visual Studio 2017
- python - 试图从 django 中的 api 调用中选择对象
- python - 使用 Joblib 并行化将 python 脚本提交到 Sun Grid Engine
- reactjs - 在 React 中,setState 回调和在状态变量上使用 useEffect 有什么区别?
- datatable - 如何修复闪亮应用程序中 data.table 标题的位置
- javascript - 我正在寻找替代方法来比较 2 个数组,找到相等和重新分配
- python - 如何跨模块保留全局变量?
- javascript - 文档获取元素未在我的开始游戏功能中执行
- python - 转换为 df 列到日期时间 - 提高 SettingWithCopyWarning
- html - 为什么将鼠标悬停在主 div 上会显示下拉菜单但按钮不显示?