如何显示在UITableview单元格中正确分隔的JSON数据？

Question

我已经能够从本地JSON文件获取数据以显示在表格视图中

但显示如下：

.............. cell1 .......................... .....

饼干

3杯通用面粉

2汤匙发酵粉

1/2茶匙盐

.............. cell2 .......................... .....

12个完整的晚餐面包或小三明治面包（我用全麦）

1磅薄切烤牛肉或火腿（或两者都有！）

................................................... ....

我需要它来显示每种成分分离成自己的单元格，如下所示：

.............. cell1 .......................... .....

饼干

.............. cell2 .......................... .....

3杯通用面粉

....................... cell3 ......................... .....

2汤匙发酵粉

.............. cell4 .......................... .....

1/2茶匙盐

.............. cell5 .......................... .....

12个完整的晚餐面包或小三明治面包（我用全麦）

....................... cell6 ......................... .....

1磅薄切烤牛肉或火腿（或两者都有！）

................................................... ......

我需要什么代码才能正确显示数据？ 这是我当前的代码：

   /////////locations.json/////////////////////////////
    {
      "locations": [

    { "ingredients" : "Biscuits\n3 cups All-purpose Flour\n2 Tablespoons Baking Powder\n1/2 teaspoon Salt\nShortened for example” },

    { "ingredients" : "12 whole Dinner Rolls Or Small Sandwich Buns (I Used Whole Wheat)\n1 pound Thinly Shaved Roast Beef Or Ham (or Both!)\nShortened for example” },  
    //many more records.  only included 2 for example                            
      ]
    }
    /////////Location.h/////////////////////////////////////////
    #import <Foundation/Foundation.h>

    @interface Location : NSObject

    - (id)initWithJSONDictionary:(NSDictionary *)jsonDictionary;

    @property (readonly) NSString *ingredients;

    @end


    ////////Location.m////////////////////////////////////
    #import "Location.h"

    @implementation Location

    // Init the object with information from a dictionary
    - (id)initWithJSONDictionary:(NSDictionary *)jsonDictionary {
    if(self = [self init]) {
        // Assign all properties with keyed values from the dictionary

        _ingredients = [jsonDictionary objectForKey:@"ingredients"];
    }
    return self;
    }
    @end


    ////////JSONLoader.h////////////////////////////////////
    #import <Foundation/Foundation.h>

    @interface JSONLoader : NSObject

    // Return an array of Location objects from the json file at location given by url
    - (NSArray *)locationsFromJSONFile:(NSURL *)url;
    @end


    ////////JSONLoader.m////////////////////////////////////
    #import "JSONLoader.h"
    #import "Location.h"

    @implementation JSONLoader

    - (NSArray *)locationsFromJSONFile:(NSURL *)url {
    // Create a NSURLRequest with the given URL
    NSURLRequest *request = [NSURLRequest requestWithURL:url
                                             cachePolicy:NSURLRequestReloadIgnoringLocalAndRemoteCacheData
                                         timeoutInterval:30.0];

    // Get the data
    NSURLResponse *response;
    NSData *data = [NSURLConnection sendSynchronousRequest:request returningResponse:&response  error:nil];

    // Now create a NSDictionary from the JSON data
    NSDictionary *jsonDictionary = [NSJSONSerialization JSONObjectWithData:data options:0 error:nil];

    // Create a new array to hold the locations
    NSMutableArray *locations = [[NSMutableArray alloc] init];

    // Get an array of dictionaries with the key "locations"
    NSArray *array = [jsonDictionary objectForKey:@"locations"];
    // Iterate through the array of dictionaries
    for(NSDictionary *dict in array) {
        // Create a new Location object for each one and initialize it with information in the dictionary
        Location *location = [[Location alloc] initWithJSONDictionary:dict];
        // Add the Location object to the array
        [locations addObject:location];
    }

    // Return the array of Location objects
    return locations;
}
@end

////////TableViewController.h////////////////////////////////////
#import <UIKit/UIKit.h>
#import "Location.h"

@interface FilterViewController : UITableViewController

@property (weak, nonatomic) Location *location;

@end


////////TableViewController.m////////////////////////////////////
#import "FilterViewController.h"
#import "LocationsViewController.h"
#import "Location.h"
#import "JSONLoader.h"

@implementation FilterViewController {
    NSArray *_locations;   
}
- (void)viewDidLoad {
    [super viewDidLoad];

    // Create a new JSONLoader with a local file URL
    JSONLoader *jsonLoader = [[JSONLoader alloc] init];
    NSURL *url = [[NSBundle mainBundle] URLForResource:@"locations" withExtension:@"json"];

    // Load the data on a background queue...
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        _locations = [jsonLoader locationsFromJSONFile:url];
        // Now that we have the data, reload the table data on the main UI thread
        [self.tableView performSelectorOnMainThread:@selector(reloadData) withObject:nil waitUntilDone:YES];

        });
}
// Just before showing the LocationDetailViewController, set the selected Location object
- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
    LocationsViewController *vc = segue.destinationViewController;
    NSIndexPath *indexPath = [self.tableView indexPathForCell:sender];
    vc.location = [_locations objectAtIndex:indexPath.row];
}

#pragma mark - Table View Controller Methods

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"FilterCell"];

    Location *location = [_locations objectAtIndex:indexPath.row];
    cell.textLabel.text = location.ingredients;
    cell.imageView.image = [UIImage imageNamed:@"ingredientsicon3232.png"];
    return cell;   
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
    return [_locations count];
}
@end

注意：我无法更改JSON数据格式，因为它是从外部来源获取的，并且“成分”键比我在示例中发布的要多得多。

Answer 1

编辑：

一些示例代码供您使用。

// JSONLoader.m 

- (NSArray *)locationsFromJSONFile:(NSURL *)url {
    // Existing code .......

    // Get an array of dictionaries with the key "locations"
    NSArray *array = [jsonDictionary objectForKey:@"locations"];
    // Iterate through the array of dictionaries
    for(NSDictionary *dict in array) {
        NSString *string = [dict objectForKey:@"ingredients"];
        NSArray *brokenIntoParts = [string componentsSeparatedByString:@"\n"];
        for (NSString *ingredient in brokenIntoParts) {
            [locations addObject:ingredient];
        }
    }

    // Return the array of Location objects
    return locations;
}

// FilterViewController.m

#pragma mark - Table View Controller Methods

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"FilterCell"];

    cell.textLabel.text = [_locations objectAtIndex:indexPath.row];
    cell.imageView.image = [UIImage imageNamed:@"ingredientsicon3232.png"];
    return cell;   
}

原版的：

您的代码看起来不错，实际上只是更改您的数据，

{
  "locations": [ { "ingredients" : "Biscuits"}, 
                 { "ingredients" : "3 cups All-purpose Flour"},
                 { "ingredients" : "Tablespoons Baking Powder"}
.
.
.                                                               
]}

这应该可以解决您的问题，基本上您想要key：“ keyword”的值：成分，如果没有，请发表评论，祝您好运。

Answer 2

此代码使用键值编码方法valueForKey从字典中提取ingredients ，并将换行符分隔的字符串转换为数组。

NSDictionary *jsonDictionary =  @{@"locations" : @[@{ @"ingredients" : @"Biscuits\n3 cups All-purpose Flour\n2 Tablespoons Baking Powder\n1/2 teaspoon Salt\nShortened for example" },
                                                   @{ @"ingredients" : @"12 whole Dinner Rolls Or Small Sandwich Buns (I Used Whole Wheat)\n1 pound Thinly Shaved Roast Beef Or Ham (or Both!)\nShortened for example" }]};


NSArray* locations = jsonDictionary[@"locations"];
NSMutableArray *ingredients = [NSMutableArray array];
NSArray *jsonIngredients = [locations valueForKey:@"ingredients"];
for (NSString *ingredient in jsonIngredients) {
    [ingredients addObjectsFromArray:[ingredient componentsSeparatedByString:@"\n"]];
}
NSLog(@"%@", ingredients);

结果ingredients可以直接用作数据源数组。

编辑：

您的模型类Location实际上与JSON数据格式不兼容

要尝试代码，您必须将结果ingredients分配给数据源数组_locations

_locations = ingredients;

然后在cellForRowAtIndexPath替换行

Location *location = [_locations objectAtIndex:indexPath.row];
cell.textLabel.text = location.ingredients;

与

NSString *ingredient = _locations[indexPath.row];
cell.textLabel.text = ingredient;

PS：如果您还负责服务器端的JSON，请考虑使用更方便的数据格式。