One possible implementation could be:

function read(collection, property) {
  const isCollectionInvalid = !collection || typeof collection !== 'object';
  const isPropertyInvalid =
    !property || !property.trim().length || typeof property !== 'string';

  if (isCollectionInvalid || isPropertyInvalid) {
    return undefined;
  }

  // cleaning the property and splitting it
  let path = property.replaceAll('[', '.');

  path = path.replaceAll(']', '.');
  path = path.split('.').filter(Boolean);

  let i;
  let currentKey;
  let currentItem = collection;

  for (i = 0; i &lt; path.length; i++) {
    currentKey = path[i];

    // escape condition
    // if the currentKey doesn't exists in the currentItem
    // then return undefined
    if (!Object.prototype.hasOwnProperty.call(currentItem, currentKey)) {
      currentItem = undefined;
      break;
    }

    // updating currentItem
    currentItem = currentItem[currentKey];
  }

  // return the value
  return currentItem;
}

Or using in-built high order functions

function read(collection, property) {
  return property.split('.').reduce((acc, current) =&gt; {
    return acc ? acc[current] : undefined;
  }, collection);
}

For more frontend questions & content:

https://youtube.com/c/devtoolstech/videos

Implement a function to read a field inside a nested object | AWS Frontend Interview Question | JavaScript Interview Question

@Devtools Tech