如何从 json 文件中获取和添加元素？

如何解决如何从 json 文件中获取和添加元素？

例如，假设我有一个这样的 JSON 文件。

const rooms = {
  livingroom: {
    "tv":true,"laptop": true,"air-conditioner":true,},kitchen: {
    "fridge":true,"dining-table": true,gameroom: {
    "computer":true,"headphones":true,"microphone":true,"cd-player":true,}
}

这是我的示例项目。我想做的是-

我希望能够根据房间名称获取物品，并显示它有哪些物品，“电脑”、“麦克风”等。 但是我想添加新的房间名称和新项目...

我该怎么做才能在 React Native 中实现这样的目标？

解决方法

这不是一个 json 文件，而是一个 js 文件，其中包含一个名为 rooms 的对象。

要为对象添加一个房间，请执行以下操作：

rooms[<new room name>] = { <Key:value pairs>}

例如：

rooms["study"] = { "chair":true,"table":true}

要添加一个项目，对项目名称和值执行相同的操作：

rooms["study"]["chair"] = true

,

您可以创建一个 Data.js 文件，然后像这样在另一个文件中使用它

Working Example

Data.js 应该是这样的 -

const rooms = {
  livingroom: {
    tv: true,laptop: true,'air-conditioner': true,},kitchen: {
    fridge: true,'dining-table': true,gameroom: {
    computer: true,headphones: true,microphone: true,'cd-player': true,};

export default rooms;

App.js 应该是这样的

import * as React from 'react';
import { Text,View,StyleSheet } from 'react-native';

import Data from './Data';

export default function App() {
  return (
    <View style={styles.container}>
      <Text>{Data.gameroom.computer.toString()}</Text>
      <Text>{Data.kitchen.fridge.toString()}</Text>
      <Text>{Data.livingroom.laptop.toString()}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,justifyContent: 'center',backgroundColor: '#ecf0f1',padding: 8,alignItems: 'center',});