Лучший способ обновить массив новыми значениями по идентификатору - PullRequest
Новая
       1

Лучший способ обновить массив новыми значениями по идентификатору

0 голосов
/ 09 мая 2018

Производительность очень важна, и я надеялся, что будет лучший способ обновить массив с помощью идентификатора. Я ищу лучшую версию функции обновления (показанной ниже), которой не нужно многократно повторять второй массив.

Я добавил пример кода ниже, чтобы показать, что я пытаюсь сделать. Имейте в виду, что эти массивы могут содержать потенциально сотни объектов и должны обновляться несколько раз в секунду. 

var array1 = [{
	id:"asd4567wds8",
  x: 109,
  y: 763,
  /* These values also have other properties that I need to keep */
}, {
	id:"df567wgfdz4",
  x: 450,
  y: 132,
  /* These values also have other properties that I need to keep */
}, {
	id: "cvbz5476zzg",
  x: 903,
  y: 865,
  /* These values also have other properties that I need to keep */
}]

var array2 = [{
	id:"df567wgfdz4",
  x: 450,
  y: 137
},{
	id:"asd4567wds8",
  x: 114,
  y: 763
}, {
	id: "cvbz5476zzg",
  x: 908,
  y: 870
}]

$("document").ready(function(){
	display();
  $("#update").click(function(){
  	update();
    display();
  })
})

/*************************************
* Is there a better way to do this? *
*************************************/

function update(){
	array1.forEach(function(element){
  	var temp = array2.find(function(element2){
    	return element.id === element2.id
    })
    
    element.x = temp.x
    element.y = temp.y
  })
}

function display(){
	$("#Array1").empty();
  $("#Array2").empty();
	array1.forEach(function(element){
  	var p = $("<span>").text(`[${element.x}, ${element.y}]`)
    $("#Array1").append(p)
  })
  array2.forEach(function(element){
  	var p = $("<span>").text(`[${element.x}, ${element.y}]`)
    $("#Array2").append(p)
  })
  if(test(array1, array2)){
    $("#test").text("Success!")
  } else {
    $("#test").text("Values do not match")
  }
}



/* Test function do not change */
function test(array1, array2){
  var clear = true;
  array1.forEach(function(element){
    var temp = array2.find(function(element2){
      return element.id === element2.id
    });
    
    clear = (element.x === temp.x && element.y === temp.y)?clear:false
  });
  
  return clear;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<div id="Array1">Array 1: </div>
<div id="Array2">Array 2: </div>

<button id="update">
Update
</button>
<h3 id="test"></h3>
</body>

Контекст: Я создаю игру с использованием сокетов и хочу обновить клиента новыми местоположениями других объектов игры в одном огромном куске.

1 Ответ

0 голосов
/ 09 мая 2018

Вы также можете запустить функцию map для одного или обоих массивов, чтобы получить структуру, упомянутую @Doug. 

object2 = { "df567wgfdz4" : { x: 450, y: 137 }, "asd4567wds8" : { x: 114, y: 763 }, "cvbz5476zzg": { x: 908, y: 870 }

Функция карты, чтобы получить вышеуказанное, выглядела бы примерно так: 

array2.map(newObj => {
    var rObj = {};
    var sObj = {};
    sObj['x'] = newObj.x;
    sObj['y'] = newObj.y;
    rObj[newObj.id] = sObj;
    return rObj;
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...