Insert an element every n elements in an array in JavaScript

Question

The premise of what I'm trying to do is the following:

Let's say we have the following array:

let arr = ["hello", "nice", "stack", "hi", "question", "random"];

What we want to do is reach a point in which we can insert (push) an element into the array (let's say "cat" as an example) every two existing array elements.

The new array would yield the following:

"hello"
"nice"
"cat" // new element
"stack"
"hi"
"cat" // new element
// so on and so forth...

What's the best way to implement this while reducing runtime?

Majed Badawi · Accepted Answer · 2021-07-21 18:10:14Z

6

Using Array#reduce:

const 
  arr = ["hello", "nice", "stack", "hi", "question", "random"],
  newElem = "cat",
  n = 2;
  
const res = arr.reduce((list, elem, i) => {
  list.push(elem);
  if((i+1) % n === 0) list.push(newElem);
  return list;
}, []);

console.log(res);

edited Jul 21, 2021 at 18:10

answered Jul 21, 2021 at 17:38

Majed Badawi

28.5k4 gold badges30 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

dave · Accepted Answer · 2021-07-21 17:38:42Z

3

I would implement an arrayChunk function, and then just do flatMap((el) => el.concat('cat'))

function arrayChunk(arr, size) {
    const R = [];
    for (let i = 0; i < arr.length; i += size) {
        R.push(arr.slice(i, i + size));
    }
    return R;
}


console.log(
    arrayChunk(["hello", "nice", "stack", "hi", "question", "random"], 2)
    .flatMap(el => el.concat('cat'))
)

answered Jul 21, 2021 at 17:38

dave

65.1k6 gold badges81 silver badges98 bronze badges

Comments

Hassan Imam · Accepted Answer · 2021-07-22 05:07:50Z

3

You can use array#flatMap and insert new word after every given interval.

let arr = ["hello", "nice", "stack", "hi", "question", "random"],
    interval = 2,
    word = 'cat',
    result = arr.flatMap((w,i) => (i+1) % interval === 0 ? [w, word] : w);
console.log(result);

edited Jul 22, 2021 at 5:07

answered Jul 21, 2021 at 17:55

Hassan Imam

22.6k6 gold badges45 silver badges53 bronze badges

Comments

Nikola Pavicevic · Accepted Answer · 2021-07-21 17:59:51Z

2

Using for loop and splice

let arr = ["hello", "nice", "stack", "hi", "question", "random"];

let index = 2
let result = [...arr]
let currentPosition = 0
for (let i = 0; i < Math.floor(arr.length/index); i++) {
  currentPosition+=index
  result.splice(currentPosition + i, 0, 'cat')
}

console.log(result)

answered Jul 21, 2021 at 17:59

Nikola Pavicevic

23.6k9 gold badges30 silver badges52 bronze badges

Comments

Shashidhara P · Accepted Answer · 2021-07-21 17:56:58Z

0

You can use while loop to achieve it.

Flash Code Link

function showResult()
{
  var array = ["hello", "nice", "stack", "hi", "question", "random"];
  var pos = 2;
  var interval = 3;

  while (pos < array.length)
  {
    array.splice(pos, 0, 'cat');
    pos += interval;
  }

  document.getElementById("result").innerText = array;
}

answered Jul 21, 2021 at 17:56

Shashidhara P

1

1 Comment

Wyck Over a year ago

Just use the built-in snippet editor. No need to link to an external site just to make your code runnable.

Collectives™ on Stack Overflow

Insert an element every n elements in an array in JavaScript

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related