{"id":8946,"date":"2012-09-25T08:15:26","date_gmt":"2012-09-25T02:45:26","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=8946"},"modified":"2012-09-27T03:22:23","modified_gmt":"2012-09-26T21:52:23","slug":"javascript-replacing-logically-using-stringreplace-method","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/","title":{"rendered":"JavaScript: Replacing Logically using String:replace() method"},"content":{"rendered":"<p>Hi,<\/p>\n<p>&nbsp;<\/p>\n<p>When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically.<br \/>\nThis can be easily done using the String:replace() method.<\/p>\n<p>&nbsp;<\/p>\n<p>Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String, then it can be implemented as:<br \/>\n<strong>Test Cases<\/strong><\/p>\n<ol>\n<li>Input: &#8220;hello world&#8221;, Output: &#8220;helloWorld&#8221;<\/li>\n<li>Input: &#8220;Hello_world&#8221;, Output: &#8220;helloWorld&#8221;<\/li>\n<\/ol>\n<p>Now lets write a function to satisfy the above test cases:<br \/>\n[js]<br \/>\nfunction toCamelCase(string){<br \/>\n   return string.replace( \/((\\w)[ _](\\w))|(^(\\w))\/g,<br \/>\n    function( fullMatch,<br \/>\n                 spaceLetterSpace,<br \/>\n                 letterBeforeSpace,<br \/>\n                 letterAfterSpace,<br \/>\n                 startLetterAndCharacter,<br \/>\n                 firstCharacter)<br \/>\n    {<br \/>\n        if(typeof spaceLetterSpace != &#8216;undefined&#8217;) return(letterBeforeSpace + letterAfterSpace.toUpperCase());<\/p>\n<p>        if(typeof startLetterAndCharacter != &#8216;undefined&#8217;) return(firstCharacter.toLowerCase());<\/p>\n<p>    })<br \/>\n}<br \/>\n[\/js]<br \/>\nHere what is happening is, if we pass a function in the second argument of .replace() function, then this function is executed against each match. Each group which is matched is passed in the argument. The first argument is the over all match and the further arguments are the matches corresponding to each group in the regular expression.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Hope it Helps!<br \/>\n<strong>Kushal Likhi <\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi, &nbsp; When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. &nbsp; Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String, [&hellip;]<\/p>\n","protected":false},"author":28,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":1,"footnotes":""},"categories":[1],"tags":[55],"class_list":["post-8946","post","type-post","status-publish","format-standard","hentry","category-technology","tag-javascript"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.0.1 - aioseo.com -->\n\t<meta name=\"description\" content=\"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Kushal Likhi\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.0.1\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"TO THE NEW BLOG\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@tothenew\" \/>\n\t\t<meta name=\"twitter:title\" content=\"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#article\",\"name\":\"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog\",\"headline\":\"JavaScript: Replacing Logically using String:replace() method\",\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kushal\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"},\"datePublished\":\"2012-09-25T08:15:26+05:30\",\"dateModified\":\"2012-09-27T03:22:23+05:30\",\"inLanguage\":\"en-US\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#webpage\"},\"articleSection\":\"Technology, javascript\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"position\":2,\"name\":\"Technology\",\"item\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#listItem\",\"name\":\"JavaScript: Replacing Logically using String:replace() method\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#listItem\",\"position\":3,\"name\":\"JavaScript: Replacing Logically using String:replace() method\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/category\\\/technology\\\/#listItem\",\"name\":\"Technology\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\",\"name\":\"TO THE NEW Blog\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kushal\\\/#author\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kushal\\\/\",\"name\":\"Kushal Likhi\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/9311812a092d64f47eb30d7ad28378cfae924a0cac140ffbb686fcd8a565a57e?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"Kushal Likhi\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#webpage\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/\",\"name\":\"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog\",\"description\":\"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/javascript-replacing-logically-using-stringreplace-method\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kushal\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/author\\\/kushal\\\/#author\"},\"datePublished\":\"2012-09-25T08:15:26+05:30\",\"dateModified\":\"2012-09-27T03:22:23+05:30\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/\",\"name\":\"TO THE NEW Blog\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.tothenew.com\\\/blog\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog","description":"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,","canonical_url":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#article","name":"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog","headline":"JavaScript: Replacing Logically using String:replace() method","author":{"@id":"https:\/\/www.tothenew.com\/blog\/author\/kushal\/#author"},"publisher":{"@id":"https:\/\/www.tothenew.com\/blog\/#organization"},"datePublished":"2012-09-25T08:15:26+05:30","dateModified":"2012-09-27T03:22:23+05:30","inLanguage":"en-US","mainEntityOfPage":{"@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#webpage"},"isPartOf":{"@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#webpage"},"articleSection":"Technology, javascript"},{"@type":"BreadcrumbList","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog#listItem","position":1,"name":"Home","item":"https:\/\/www.tothenew.com\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog\/category\/technology\/#listItem","name":"Technology"}},{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog\/category\/technology\/#listItem","position":2,"name":"Technology","item":"https:\/\/www.tothenew.com\/blog\/category\/technology\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#listItem","name":"JavaScript: Replacing Logically using String:replace() method"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#listItem","position":3,"name":"JavaScript: Replacing Logically using String:replace() method","previousItem":{"@type":"ListItem","@id":"https:\/\/www.tothenew.com\/blog\/category\/technology\/#listItem","name":"Technology"}}]},{"@type":"Organization","@id":"https:\/\/www.tothenew.com\/blog\/#organization","name":"TO THE NEW Blog","url":"https:\/\/www.tothenew.com\/blog\/"},{"@type":"Person","@id":"https:\/\/www.tothenew.com\/blog\/author\/kushal\/#author","url":"https:\/\/www.tothenew.com\/blog\/author\/kushal\/","name":"Kushal Likhi","image":{"@type":"ImageObject","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/9311812a092d64f47eb30d7ad28378cfae924a0cac140ffbb686fcd8a565a57e?s=96&d=mm&r=g","width":96,"height":96,"caption":"Kushal Likhi"}},{"@type":"WebPage","@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#webpage","url":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/","name":"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog","description":"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/www.tothenew.com\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/#breadcrumblist"},"author":{"@id":"https:\/\/www.tothenew.com\/blog\/author\/kushal\/#author"},"creator":{"@id":"https:\/\/www.tothenew.com\/blog\/author\/kushal\/#author"},"datePublished":"2012-09-25T08:15:26+05:30","dateModified":"2012-09-27T03:22:23+05:30"},{"@type":"WebSite","@id":"https:\/\/www.tothenew.com\/blog\/#website","url":"https:\/\/www.tothenew.com\/blog\/","name":"TO THE NEW Blog","inLanguage":"en-US","publisher":{"@id":"https:\/\/www.tothenew.com\/blog\/#organization"}}]},"og:locale":"en_US","og:site_name":"TO THE NEW BLOG","og:type":"blog","og:title":"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog","og:description":"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,","og:url":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/","og:image":"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","og:image:secure_url":"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png","twitter:card":"summary","twitter:site":"@tothenew","twitter:title":"JavaScript: Replacing Logically using String:replace() method | TO THE NEW Blog","twitter:description":"Hi, When working with JavaScript, we might sometimes require to run some regEx on a string and replace its matches logically. This can be easily done using the String:replace() method. Lets Take an example to understand the concept: Suppose we want to write a function which converts the normal string to CamelCase String,","twitter:image":"https:\/\/www.tothenew.com\/blog\/wp-content\/themes\/ttn\/images\/social-logo.png"},"aioseo_meta_data":{"post_id":"8946","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"Article","isEnabled":true},"graphs":[]},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2021-04-30 08:09:00","updated":"2024-02-29 10:53:23","focus_keyword":null,"additional_keywords":null,"truseo_locale":null,"ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.tothenew.com\/blog\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.tothenew.com\/blog\/category\/technology\/\" title=\"Technology\">Technology<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tJavaScript: Replacing Logically using String:replace() method\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.tothenew.com\/blog"},{"label":"Technology","link":"https:\/\/www.tothenew.com\/blog\/category\/technology\/"},{"label":"JavaScript: Replacing Logically using String:replace() method","link":"https:\/\/www.tothenew.com\/blog\/javascript-replacing-logically-using-stringreplace-method\/"}],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/8946","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/28"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=8946"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/8946\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=8946"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=8946"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=8946"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}