Access nested objects and arrays using string path 1

Access nested objects and arrays using string path

ByAnurag batra 
//to get
const resolvePath = (object, path) => path.split('.').reduce((o, p) => o?.[p], object)

//to get, returning a default value if not found
const resolvePath = (object, path, defaultValue) => path.split('.').reduce((o, p) => ?.[p] ?? defaultValue, object)

//to set
const setPath = (object, path, value) => path.split('.').reduce((o,p,i) => o[p] = path.split('.').length === ++i ? value : o[p] || {}, object)

Here is what the above code is Doing:
1. Split the path into an array of keys
2. Reduce the array of keys into a single value
3. If the key is not found, return undefined
4. If the key is found, return the value

Similar Posts

JSX not allowed in files with extension ‘.js’

JSX not allowed in files with extension ‘.js’

ByAnurag batra

“rules”: { “react/jsx-filename-extension”: [1, { “extensions”: [“.js”, “.jsx”] }], } Here is what the above code is Doing: 1. We’re using the “extends” keyword to inherit from the “airbnb” config. 2. We’re adding a “rules” property to the config. 3. We’re adding a “react/jsx-filename-extension” rule to the config. 4. We’re setting the rule to allow…

adding bootstrap to angular global styles

adding bootstrap to angular global styles

ByAnurag batra

//add this to styles.css in angular @import “~bootstrap/dist/css/bootstrap.css” Here is what the above code is Doing: 1. We’re importing the bootstrap.css file from the bootstrap node module. 2. We’re adding the bootstrap.css file to the styles array in the angular.json file. 3. We’re adding the bootstrap.css file to the styles.css file in the src/app folder.