DEV Community

Passionate Coder
Passionate Coder

Posted on

Clean Code #1 : React, Javascript

#javascript #react #webdev

Example

lets say we have a object like below

const user = {
  firstName: 'Vijay',
  lastName: 'Singh'
}
Enter fullscreen mode Exit fullscreen mode

Note : firstName and lastName can be empty string or undefined or null.

const fullName = user.firstName 
? ( user.lastName ? `${user.firstName} ${user.lastName}`: user.firstName) 
: user.lastName
Enter fullscreen mode Exit fullscreen mode

Using || Operator

const fullName = `${user.firstName || '' } ${user.lastName || ''}`.trim()
Enter fullscreen mode Exit fullscreen mode

Top comments (1)

Collapse
 
manuxo5 profile image
Mohit Matwaya • • Edited

This one is good too 👇

const concatNames = (...names) => names.filter(Boolean).join(' ');

const fullName = concatNames(firstName, lastName)
Enter fullscreen mode Exit fullscreen mode

Read next

hoangguruu profile image

DevOps with Guruu | Chapter 18 : Build and Deploy DevSecOps Chatbot Use generative AI [ Full ]

Hoang Guruu -

tyaga001 profile image

How to Build a RAG Chat App With Agent Cloud and BigQuery

Ankur Tyagi -

psychosynthesis profile image

New ESLint flat config file format example

Nick -

josefine profile image

Making Disabled Buttons more Accessible

Josefine Schfr -