React Native

JSON: Access Array Values

See more JSON Examples

Demonstrates how to access values in a JSON array. React Native

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

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

  const jsonStr = '{ "id": 1, "name": "A green door", "tags": ["home", 22, "green"], "price": 125 }';

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

  // Get the "tags" array, which contains "home", 22, "green"
  let tagsArray: JsonArray;
  try {
    tagsArray = json.arrayOf('tags');
  } catch {
    console.log('tags member not found.');
    return;
  }

  // Get the value at each array index. 
  // Output will be:
  // [0] = home
  // [0] as integer = 0
  // [1] = 22
  // [1] as integer = 22
  // [2] = green
  // [2] as integer = 0

  const arraySize = tagsArray.size;
  for (let i = 0; i < arraySize; i++) {

    const sValue = tagsArray.stringAt(i);

    console.log(`[${i}] = ${sValue}`);

    const iValue = tagsArray.intAt(i);
    console.log(`[${i}] as integer = ${iValue}`);
  }

  // Note: The StringAt method returns the value as a string regardless of the type.

  // The IntAt method returns the value as an integer.  If the value does not convert to 
  // an integer, then 0 is returned.
}