JavaScript Katas: Split In Parts
Tags: javascript, beginners, webdev, codenewbie
Published: 2020-08-13 18:20:33

---
title: "JavaScript Katas: Split In Parts"
description: "We learn how to use while, slice, trim"
published: true
tags: ["JavaScript", "Beginners", "Webdev", "Codenewbie"]
series: JavaScript Katas with miku86
cover_image: https://dev-to-uploads.s3.amazonaws.com/i/0jfyzv0grswtx1mlo17m.jpg
---

## Intro 🌐

Problem solving is an important skill, for your career and your life in general.

That's why I take interesting katas of all levels, customize them and explain how to solve them.

---

## Understanding the Exercise❗

First, we need to understand the exercise!
If you don't understand it, you can't solve it!.

My personal method:

1. Input: What do I put in?
2. Output: What do I want to get out?

---

### Today's exercise

Today, another `7 kyu` kata,
meaning we slightly increase the difficulty.

Source: [Codewars](https://www.codewars.com/kata/5650ab06d11d675371000003)

Write a function `splitInParts`, that accepts two parameters: `myString` and `partLength`.

Given a string, e.g. `"HelloDev"`,
and a number, e.g. `3`,
return the input string split into `partLength`-long parts separated by a space, e.g. `Hel loD ev`.

---

Input: a string and a number.

Output: a string.

---

## Thinking about the Solution 💭

I think I understand the exercise (= what I put into the function and what I want to get out of it).

Now, I need the specific steps to get from input to output.

I try to do this in small baby steps:

1. Get a `partLength`-long part of the input string and add a space
1. Do this for every part
1. Add the remaining part to the end
1. Return the string

---

Example:

- Input: `"HelloDev", 3`
- Get a `3`-long part of the input string and add a space: `"Hel "`
- Get a `3`-long part of the input string and add a space: `"loD "`
- Add the remaining part to the end: `"ev"`
- Return the string: `"Hel loD ev"`
- Output: `"Hel loD ev"` ✅

---

## Implementation ⛑

```js
function splitInParts(myString, partLength) {
  let remaining = myString;
  let result = "";

  // do it only if the remaining string is longer than the parts
  while (remaining.length >= partLength) {
    // add the next part and a space to the result
    result += remaining.slice(0, partLength) + " ";

    // remove the added part from the remaining string
    remaining = remaining.slice(partLength);
  }

  // add the last part that was smaller than the part length
  result += remaining;

  // remove a trailing space
  return result.trim();
}
```

### Result

```js
console.log(splitInParts("HelloDev", 3));
// "Hel loD ev" ✅

console.log(splitInParts("HelloDev", 1));
// "H e l l o D e v" ✅
```

---

## Playground ⚽

You can play around with the code [here](https://repl.it/@miku86/js-katas-split-in-parts)

---

## Next Part ➡️

Great work!

We learned how to use `while`, `slice`, `trim`.

I hope you can use your new learnings to solve problems more easily!

Next time, we'll solve another interesting kata. Stay tuned!

---

If I should solve a specific kata, shoot me a message [here](https://forms.gle/RmQLq7CLDiD2Ptmw5).

If you want to read my latest stuff, [get in touch with me!](https://miku86.com/newsletter)

---

## Further Reading 📖

- [while](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/while)
- [slice](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice)
- [trim](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/trim)

---

## Questions ❔

- How often do you do katas?
- Which implementation do you like more? Why?
- Any alternative solution?