React Native

JSON: Array of Objects

See more JSON Examples

Here we have a JSON object that contains an array, where each element in the array is a JSON object. This example demonstrates how to access the objects contained within an array.

{ 
  "employees":[
    {"firstName":"John", "lastName":"Doe"},
    {"firstName":"Anna", "lastName":"Smith"},
    {"firstName":"Peter","lastName":"Jones"}
  ]
}

React Native

import { JsonArray, JsonObject } from '@chilkat/react-native'

function chilkatExample() {
  const json = new JsonObject();

  // This is the above JSON with whitespace chars removed (SPACE, TAB, CR, and LF chars).
  // The presence of whitespace chars for pretty-printing makes no difference to the Load
  // method. 
  const jsonStr = '{"employees":[{"firstName":"John", "lastName":"Doe"},{"firstName":"Anna", "lastName":"Smith"},{"firstName":"Peter","lastName":"Jones"}]}';

  try {
    json.load(jsonStr);
  } catch {
    console.log(json.lastErrorText);
    return;
  }

  // Get the "employees" array.
  let employees: JsonArray;
  try {
    employees = json.arrayOf('employees');
  } catch {
    console.log('employees member not found.');
    return;
  }

  // Iterate over each employee, getting the JSON object at each index.
  const numEmployees = employees.size;
  let i = 0;
  while (i < numEmployees) {

    const empObj = employees.objectAt(i);

    console.log(`employee[${i}] = ${empObj.stringOf('firstName')} ${empObj.stringOf('lastName')}`);

    i++;
  }
}