(public).sospep.subjects ~ view article ~ code-quiz-question

<h1 style="text-align: center;">defang an ip address</h1>
<h2>[WHAT]</h2>
<ol>
<li>[] defang an ip address&nbsp; -&nbsp; is the process of taking an ip address value, like 192.168.1.1 and modifying a given element within that value, the dot separator in this case, to wrap it in a pair of square brackets.&nbsp;</li>
<li>[] Given a valid (IPv4) IP <code style="background-color: #f7f9fa; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #546e7a; font-family: monospace; font-size: 13px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; padding-top: 2px;">address</code>, return a defanged version of that IP address.<span style="text-align: left; color: #263238; text-transform: none; text-indent: 0px; letter-spacing: normal; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; display: inline !important; white-space: normal; orphans: 2; float: none; -webkit-text-stroke-width: 0px;">&nbsp; A defanged&nbsp;IP address&nbsp;replaces every period <code style="background-color: #f7f9fa; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #546e7a; font-family: monospace; font-size: 13px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; padding-top: 2px;">"."</code> with <code style="background-color: #f7f9fa; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; box-sizing: border-box; color: #546e7a; font-family: monospace; font-size: 13px; padding-bottom: 2px; padding-left: 4px; padding-right: 4px; padding-top: 2px;">"[.]"</code>.</li>
<li>[] solutions are coded in javascript&nbsp;</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>[] practice, practice, practice&nbsp;</li>
</ol>
<h2>[WHERE]</h2>
<ol>
<li>[] the function will take an ip address string and will return a new string with all of the dot/periods in the string replaced with [.] sequence</li>
<ol>
<li>[] my initial solution was to iterate over the string and replace the target char with the new sequence of chars,&nbsp;</li>
<li>[] afterthought - WAS a lot easier/simpler/cleaner to just use a regex , dont know what the performance differences would be</li>
</ol></ol>
<h2>[WHEN]</h2>
<ol>
<li>[x] 2019-08-22 (local)&nbsp;</li>
</ol>
<h2>[EXAMPLE]</h2>
// use indexOf to identify each
elements = address.split('.'); elements.forEach( function(element) {element += "[.]"); console.log(elements);
//
var address = '192.168.1.1'; var elements = address.split('.'); elements = elements.forEach(function(element) {element = element + "[.]"}); console.log(elements); // my solution var address = '192.168.1.1'; var elements = address.split('.'); console.log(elements); // elements = elements.forEach((element){return element + "[.]";}); for (i=0; i&lt;elements.length - 1; i++){ &nbsp;&nbsp;&nbsp; elements[i] = elements[i]+ "[.]"; } console.log(elements.join("")); output ==&nbsp; "192[.]168[.]1[.]1"
// fixed forEach function&nbsp;
var address = "192.168.1.1"; address = address.split('.'); var address2 = []; address.forEach(function(element) { &nbsp; &nbsp;&nbsp;&nbsp; address2.push(element+'[.]'); }); console.log(address2.join(""));
// still need to remove the last "[.]"
&gt;&gt;&nbsp;
&nbsp;
// better solution - regex
&nbsp;
<div>
<code>var defangIPaddr = function(address) { return address.replace(/\./g, "[.]") };</code>
// better solution - using arrary methods
<span class="hljs-keyword" style="box-sizing: border-box; color: #aa0d91; font-family: &amp;quot; sfmono-regular&amp;quot;,consolas,&amp;quot;liberation mono&amp;quot;,menlo,courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">const<span style="display: inline !important; float: none; background-color: #f7f9fa; color: inherit; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;"> defangIPaddr = <span class="hljs-function" style="box-sizing: border-box; color: #263238; font-family: &amp;quot; sfmono-regular&amp;quot;,consolas,&amp;quot;liberation mono&amp;quot;,menlo,courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">(address) =&gt;<span style="display: inline !important; float: none; background-color: #f7f9fa; color: inherit; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;"> { &nbsp;&nbsp;&nbsp; <span class="hljs-keyword" style="box-sizing: border-box; color: #aa0d91; font-family: &amp;quot; sfmono-regular&amp;quot;,consolas,&amp;quot;liberation mono&amp;quot;,menlo,courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">return<span style="display: inline !important; float: none; background-color: #f7f9fa; color: inherit; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;"> address.split(<span class="hljs-string" style="box-sizing: border-box; color: #c41a16; font-family: &amp;quot; sfmono-regular&amp;quot;,consolas,&amp;quot;liberation mono&amp;quot;,menlo,courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">'.'<span style="display: inline !important; float: none; background-color: #f7f9fa; color: inherit; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">).join(<span class="hljs-string" style="box-sizing: border-box; color: #c41a16; font-family: &amp;quot; sfmono-regular&amp;quot;,consolas,&amp;quot;liberation mono&amp;quot;,menlo,courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">'[.]'<span style="display: inline !important; float: none; background-color: #f7f9fa; color: inherit; font-family: 'SFMono-Regular',Consolas,'Liberation Mono',Menlo,Courier,monospace; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: pre; word-spacing: 0px;">) }
</div>
&nbsp;
<h2>[HOW-TO]</h2>
<ol>
<li>[x] the code in the above example section will execute in the editor at the source site listed below, it passes all tests</li>
</ol>
<h2>[REFERENCE]</h2>
<ol>
<li><span style="display: inline !important; float: none; background-color: #ffffff; color: #000000; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; -webkit-text-stroke-width: 0px; white-space: normal; word-spacing: 0px;">[]&nbsp;<a href="https://leetcode.com/problems/defanging-an-ip-address/" target="_blank">https://leetcode.com/problems/defanging-an-ip-address/</a> -&nbsp; </li>
</ol>

~ view article ~ Chapter] ch-028-javascript-quiz-coding FROM [ Book] language-javascript IN [ libraries] technology-developer-www