Split string into array using JavaScript For Loop

Split string into array using JavaScript For Loop

by jimcute

HTML

<div>
  <h3>
  Split string by Capital case:
  </h3>
  <p>
  Play by changing the value of below textarea and click Split button.
  </p>
  <textarea cols="50" id="txtSplitByCapital">SomeTestString</textarea>
  <br/>
  <button onclick="fnSplitByCapital()">
  Split
  </button>
  <p id="splittedByCaptital">
  </p>
  
    <h3>
  Split string by Comma:
  </h3>
  <p>
  Play by changing the value of below textarea and click Split button.
  </p>
  <textarea cols="50" id="txtSplitByComma">Some,Test,String</textarea>
  <br>
  <button onclick="fnSplitByComma()">
  Split
  </button>
  <p id="splittedByComma">
  </p>
</div>

JavaScript

const element = document.getElementById('splittedByCaptital');
const splitByComma = document.getElementById('splittedByComma');

/**********************************************************/
/* Split String by Capital case into Array using For loop */
/**********************************************************/
function fnSplitByCapital() {
	const stringToSplit = document.getElementById('txtSplitByCapital').value;
  let result = [];
  element.innerHTML = '';
  for(let i = 0; i < stringToSplit.length; i++) {
    const eachChar = stringToSplit[i];
    if(i === 0) {
      result.push(eachChar);
      continue;
    }

    if(eachChar === eachChar.toUpperCase()) {
      result.push(eachChar);
    } else {
      result[result.length - 1] += eachChar;
    }
  }

  for (let i = 0; i < result.length; i++) {
    element.innerHTML += `${result[i]}<br>`;
  }
}
fnSplitByCapital();

/**********************************************************/
/* Split String by Comma into Array using For loop */
/**********************************************************/
function fnSplitByComma() {
	const stringToSplitByComma = document.getElementById('txtSplitByComma').value;
	splitByComma.innerHTML = '';
  let commaSplittedResult = [];
  for(let i = 0; i < stringToSplitByComma.length; i++) {
    const eachChar = stringToSplitByComma[i];
    if(i === 0) {
      commaSplittedResult.push(eachChar);
      continue;
    }

    if(eachChar === ',') {
      commaSplittedResult.push('');
    } else {
      commaSplittedResult[commaSplittedResult.length - 1] += eachChar;
    }
  }

  for (let i = 0; i < commaSplittedResult.length; i++) {
    splitByComma.innerHTML += `${commaSplittedResult[i]}<br>`;
  }
}
fnSplitByComma();