React Native

Iterate over Direct Children with a Specific Tag

See more XML Examples

Demonstrates how to iterate over direct children having a specific tag.

The input XML, available at http://www.chilkatsoft.com/data/fruit.xml, is this:

<root>
    <fruit color="red">apple</fruit>
    <fruit color="green">pear</fruit>
    <veg color="orange">carrot</veg>
    <meat animal="cow">beef</meat>
    <xyz>
        <fruit color="blue">blueberry</fruit>
        <veg color="green">broccoli</veg>
    </xyz>
    <fruit color="purple">grape</fruit>
    <cheese color="yellow">cheddar</cheese>
</root>

React Native

import { Xml } from '@chilkat/react-native'

function chilkatExample() {
  const xml = new Xml();

  // The sample input XML is available at http://www.chilkatsoft.com/data/fruit.xml
  try {
    xml.loadXmlFile('fruit.xml');
  } catch {
    console.log(xml.lastErrorText);
    return;
  }

  //  Get the number of direct children having the tag "fruit";
  const numWithTag = xml.numChildrenHavingTag('fruit');

  if (numWithTag > 0) {

    for (let i = 0; i < numWithTag; i++) {
      const child = xml.getNthChildWithTag('fruit', i);
      console.log(`${i}: ${child.tag} : ${child.content}`);
    }

    console.log('-----');

    // Do the same as the above loop, but instead of creating
    // a new object instance for each child, call GetNthChildWithTag2 to
    // update the object's reference instead.
    for (let i = 0; i < numWithTag; i++) {
      // Navigate to the Nth child.  
      xml.getNthChildWithTag2('fruit', i);
      console.log(`${i}: ${xml.tag} : ${xml.content}`);
      // Navigate back up to the parent:
      xml.getParent2();
    }

    console.log('-----');
  }
}