JSFiddle - React, Tailwind, and code Playground

by Anton Repjov

HTML

<pre id="res">Loading...</pre>

JavaScript

const array = [
  {
    name: 'vasia',
    value: '123'
  },
  {
    name: 'petia',
    value: '345'
  },
  {
    name: 'nastia',
    value: '567'
  },
  {
    name: 'vasia',
    value: '444'
  },
  {
    name: 'roma',
    value: 'rrr'
  },
  {
    name: 'petia',
    value: '123'
  }
];


const loop = (arr, index, element, res) => {
	if (arr[index]) {
  	if (element && element.name === arr[index].name) {
    	const newElement = {
      	name: [element.name, element.value].join(':'),
        value: element.value
      };
      loop(arr, index+1, )
    	return ;
    }
  }
};

const res = loop(array, 0, null);

const output = (data) => {
	const container = document.getElementById('res');
  const stringArray = JSON.stringify(data);
  container.innerHTML = stringArray;
}

output(array);