Javascript Recursive Function get key and value

Question

Working with Recursive function, I want to return an object with key, value. But I am returning an array with keys and values inside.

 let path = (myObj: any) => {
          if (myObj) {
            const isObject = (val: any) =>
              typeof val === 'object' && !Array.isArray(val)
            //Path Name
            const addDelimiter = (a: any, b: any) => (a ? `${a}.schema.${b}` : b)
            const paths = (obj = {}, head = '') => {
              return Object.entries(obj || {}).reduce(
                (product, [key, value]: any) => {
                  let fullPath = addDelimiter(head, key)
                  if (isObject(value)) {
                    return product.concat(paths(value, fullPath))
                  } else {
                    )
                    return product.concat({ [fullPath]: value })
                  }
                },
                []
              )
            }

returns

0: {name.schema.data: "lollololol"}
1: {name.schema.info: "John"}

I want outcome:

{
name.schema.data: "lollololol"
name.schema.info: "John"
}

trincot · Accepted Answer · 2021-07-27 08:43:21Z

1

If you don't want an array, then don't start your reducer with an array, but with a plain object, and merge using Object.assign instead of .concat:

  return Object.entries(obj || {}).reduce(
    (product, [key, value]: any) => {
      let fullPath = addDelimiter(head, key)
      if (isObject(value)) {
        // Merge objects with `.assign`, not `.concat`:
        return Object.assign(product, paths(value, fullPath));
      } else {
        return Object.assign(product, { [fullPath]: value });
      }
    },
    {} // <-- plain object instead of array
  )

Alternatively, you can also use object literal spread syntax:

      if (isObject(value)) {
        return { ...product, ...paths(value, fullPath) };
      } else {
        return { ...product, ...{ [fullPath]: value } };
      }

answered Jul 27, 2021 at 8:43

trincot

357k38 gold badges282 silver badges338 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Non404 Over a year ago

Thanks this is exactly what I was looking for

Collectives™ on Stack Overflow

Javascript Recursive Function get key and value

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related