JavaScript insert string into an object iteration

Question

I am working on a function for an Angular Pipe and one of the arguments needs to be a string from the template *ngFor="let row of tableRows | filter: searchText : keyName" and then use that to itterate the object in the pipe's function

in component: let keyName = 'name.value'

pipe:

transform(items: any[], searchText: string, keyName: string = ''): any[] {
    if (!items) {
    return [];
    }
    if (!searchText) {
    return items;
    }
    searchText = searchText.toLowerCase();
    console.log(keyName);
    return items.filter( it => {
    return it.keyName.toLowerCase().includes(searchText); //THIS HERE NEEDS TO MATCH THE STRING PROVIDED
    });
}

so lets say the argument string name.value is passed into the function, it.keyName.toLowerCase() needs to get interpreted as it.name.value.toLowerCase()

return it[keyName.toLowerCase()].includes(searchText); ?

Bragolgirith
– Bragolgirith

2018-01-19 14:21:35 +00:00
Commented Jan 19, 2018 at 14:21 — Bragolgirith
– Bragolgirith, Commented Jan 19, 2018 at 14:21
that didn't work

Sandra Willford
– Sandra Willford

2018-01-19 14:25:08 +00:00
Commented Jan 19, 2018 at 14:25 — Sandra Willford
– Sandra Willford, Commented Jan 19, 2018 at 14:25

Bragolgirith · Accepted Answer · 2018-01-19 14:36:27Z

2

You can use the property accessor bracket notation (e.g. object[property]) to access the nested property.

For instance try the deepAccessUsingString function described here: https://medium.com/@chekofif/using-es6-s-proxy-for-safe-object-property-access-f42fa4380b2c

function deepAccessUsingString(obj, key){
  return key.split('.').reduce((nestedObject, key) => {
    if(nestedObject && key in nestedObject) {
      return nestedObject[key];
    }
    return undefined;
  }, obj);
}

Use as follows in your code:

return deepAccessUsingString(it, keyName).toLowerCase().includes(searchText);

answered Jan 19, 2018 at 14:36

Bragolgirith

2,2782 gold badges28 silver badges48 bronze badges

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

Collectives™ on Stack Overflow

JavaScript insert string into an object iteration

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related