Untitled

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script type="text/javascript">
			const users = [{
				id: '12' ,
				name: 'Arjuna Shankar' ,
				slug: 'arjuna-shankar' ,
				favouriteColor: 'red'
			}, {
				id: '83' ,
				name: 'Ros Serey Sothea' ,
				slug: 'ros-serey-sothea' ,
				favouriteColor: 'blue'
			}, {
				id: '23' ,
				name: 'Brian' ,
				slug: 'bg456' ,
				favouriteColor: 'red'
			}];

			const userFoods = [{
				id: '1' ,
				userId: '12' ,
				name: 'Steak'
			},{
				id: '2' ,
				userId: '12' ,
				name: 'Pasta'
			},{
				id: '3' ,
				userId: '83' ,
				name: 'Pizza'
			},{
				id: '4' ,
				userId: '12' ,
				name: 'Pancakes'
			},{
				id: '5' ,
				userId: '23' ,
				name: 'Pancakes'
			},{
				id: '6' ,
				userId: '23' ,
				name: 'Steak'
			}];
			var foodUsers = [];
			var usersTemp = [];
			var isFoodExist = false;
			// loop in userfoods
			for (var key in userFoods) {
				foodUsers.forEach(function(element) {
					if(userFoods[key]['name'] == element['food']){
						isFoodExist = true;
						// break;
					}
				});
				// add only new food
				if(!isFoodExist){
					usersTemp = [];
					// add user collection to current food
					for(var i=0; i<userFoods.length; i++) {
						for(key2 in userFoods[i]) {
							if(userFoods[i][key2] == userFoods[key]['name']) {
								usersTemp.push({userId: userFoods[i]['userId']});
							}
						}
					}
					foodUsers.push({food: userFoods[key]['name'], users: usersTemp});
				}
				isFoodExist = false;
			}
			console.log(foodUsers);
		</script>
	</head>
	<body>
	</body>
</html>