How to space rows evenly?

Question

JavaScript

Hello, there are 2 lines,
one with source text , the other with invisible Unicode characters , some function is needed or tell me an algorithm to evenly "dissolve" the encoded text in the sourcelet a = "hello world" //lenght=10
let b = "........" //lenght=8

magicfunc(a,b) // => he.l.l.o. .w.o.r.ld
let c = "hi"
magicfunc(c,b) // => ..h....i..

Answer 1

I propose such a simple algorithm.
First, we find out which string is larger by comparing length1 and length2. What is more, in that we will dissolve.
For example, the path length1 >= length2 (example with "hello world"). Then we calculate how many characters to alternate: x = Math.round(length1/length2). Next, in the loop, we take x characters from the original string, then 1 character from the string with invisibles. And so on until the end, until the lines run out. In a loop, we glue these pieces into the resulting string.
If length1 < length2, then everything is the same, only we take 1 character from the original and x from the string with invisibles.
Of course, if you need to somehow smear it in a special way, then the algorithm will need to be improved a little, but the essence will be the same.