const value = data.find(t => t.user).name;
given above code, my app break if user is null, what's the fallback I could do? I feel this could be duplicated:
data.find(t => t.user) && data.find(t => t.user).name;
Add a comment
|
3 Answers
You could simply use the Optional chaining operator. value will then equal undefined and you won't run into an error:
const data = [{}];
const value = data.find(t => t.user === 'someUserId')?.name;
console.log(value);
2 Comments
Bart Hofland
I know that the optional chaining operator is supported in TypeScript for some time now. But I thought that it is only recently introduced in JavaScript/EcmaScript (version 2020 if I'm not mistaken). So perhaps the OP cannot use it yet. For example if older browsers or IE need to be supported.
eol
That's true, check the compatiblity here -> developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
You could or the value of the find with an empty object.
const data = [{}];
const value = (data.find(t => t.user === 'someUserId') || {}).name;
console.log(value);
answered Apr 14, 2021 at 7:43
Som Shekhar Mukherjee
8,1982 gold badges16 silver badges34 bronze badges
Comments
Currently, I would use an intermediate step to store the find result.
const found = data.find(t => t.user);
const value = found || found.name;
But it also depends on what you expect value to become if the item is not found in the data array. If you want to fallback to an empty string if it's not found, you could use:
const found = data.find(t => t.user);
const value = found ? found.name : '';
