JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.0/themes/base/jquery-ui.css">

JavaScript

$( function()
{
    var details = [{"name":"john","id":2,"personalEmail":"john@gmail.com","workEmail":"wa2@gmail.com"}];
    


    var searchData = "joh";
    var pattern1 = new RegExp("(?:^|[\\s\@])"+searchData, "i");
    var data = [];
    for(var i=0;i<details.length;i++){
        

        
        var name = details[i].name;
                if(pattern1.test(name)){
          var dom = name.replace(name.match(pattern1), '<strong>'+ name.match(pattern1) + '</strong>');
          details[i].name = dom;         

   data.push(details[i]);
   console.log("first ::::"+JSON.stringify(data));
          if(details[i].workEmail != null){

            details[i].personalEmail = details[i].workEmail;
            data.push(details[i]);
         
              
  console.log("second::::"+JSON.stringify(data));

          }
    }
    }
    
       
} );