How to handle undefined in functional calls gracefully

example: get the properties of an object in an array of objects according to id

const stage = [
        { id: 0, name: "a" },
        { id: 1, name: "b" },
        { id: 2, name: "c" },
        { id: 3, name: "d" },
        { id: 4, name: "e" },
        ]

// 1:
// :find()undefinedname
let name = stage.find(v => v.id ===id).name

// 2:
// :
let name = stage.find(v => v.id ===id) ? stage.find(v => v.id ===id).name : "";

// 3:
// :
let find = stage.find(v => v.id ===id)
let name = find && find.name

expectation

it is hoped that all method calls can be done in one line like method 1, while avoiding the problem of errors caused by intermediate methods returning undefined.

Functional-programming javascript

Nov.07,2021

Deconstruction assignment + default parameter + | value:

let  {name='-'} = stage.find(v => v.id ===8)||{}

stage.find on the right (v = > v.id = 8) | {} returns the found object or an empty object
on the left let {name} deconstructing assignment has the characteristics of soft failure . If the right side is not found resulting in an empty object on the right, name is undefined
but there is a default value on the left, so if it is not found, the result of name is < code.

({name='-'}=stage.find(v => v.id ===1)||{})
console.log(name) // b

({name='-'}=stage.find(v => v.id ===1)||{})
console.log(name) // '-'

wrapper, borrowing Maybe

from functional programming.

the idea of @ followWinter can be further simplified

(stage.find(v => v.id === text) || {}).name

//  undefined 
(stage.find(v => v.id === text) || {}).name || ''

Previous: Aspose export to excel watermark

Next: How input of document-fragment uses JavaScript to write content

How is this function executed?
recently read functional programming Guide I can t understand the part of the container. There is a code that says Functor as follows: class Maybe { static of(x) { console.log(1); return new Maybe(x); } get isNothing() { console...

Functional-programming javascript

Mar.01,2021
Function Corialization problem
curry = fn => { let arr = []; judge = (...args)=>{ if(!args[args.length-1]){ return fn(arr); }else{ arr.push(...args); re...

Currying functional-expression functional-programming javascript

Mar.09,2021