Dodawanie HTMLInputElement do obiektu

Question

Chciałem Element wrzucić do obiektu, ale jak to w JS - nie wychodzi mi. Problem w tym, że po dodaniu czterech elementów w obiekcie znajduje się tylko jeden. Dlaczego? I jak to możliwe?
Kod: http://codepen.io/klusaktomasz/pen/WwqeEY?editors=1010

// HTML
<form action="" id="form">
<input type="text" id="email"/>
<input type="password" id="password"/>
<input type="email" id="name"/>
<input type="search" id="foo"/>
	
<button>I am a button!</button>
</form>

// JS
var form = document.querySelector('#form');

var inputs = {
	'email': {'key': 'value1'},
	'password': {'key': 'value2'},
	'name': {'key': 'value3'},
	'foo': {'key': 'value4'}
}

var elements = {};

for(key in inputs)
{
	// Sprawdzanie czy input istnieje
	if( form.querySelector('input[id='+ key +']') == null) break;
	
	// Dodawanie HTMLInputElement do obiektu
	var input = form.querySelector('input[id='+ key +']');
	elements[input] = inputs[key];
	console.log(input.type + ' = ' + inputs[key]['key']);
	
	//console.log( elements );
	//console.log( inputs[key] );
	
}

console.log(elements);

 

Answer 1

elements[input]

W tym miejscu próbujesz użyć obiektu jako klucza w obiekcie. A JS nie zezwala na klucze w postaci obiektów. Tym sposobem niejawnie jest wywoływana konwersja do stringa typu [Object HTMLInputElement]. Jak łatwo zauważyć, dla wszystkich pól formularza zostanie stworzony dokładnie taki sam string - stąd tylko jedno pole w obiekcie na końcu.

Jeśli chcesz użyć obiektów jako kluczy, musisz użyć struktury do tego przystosowanej. W JS istnieje tylko jedna taka, WeakMap: https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/WeakMap

Comments

Faktycznie, myślałem, że nie ma żadnego "ogranicznika".
Możesz mi doradzić co jest lepsze/optymalniejsze? Dodanie id/name jako klucza i potem za każdym razem sprawdzanie czy input, którego szukam ma id/name CZY może korzystanie z WeakMap i po prostu wykonywanie operacji na każdym kluczu tablicy?

---

To zależy. Osobiście wziąłbym WeakMap i pokombinował z nim.