Sé que hay muchas publicaciones que responden a mi pregunta, pero por alguna razón que no puedo entender, nunca termino con el resultado deseado.
Aquí está mi código:
const NameArray = []; const IdArray = []; let Dict = {}; function getName() { const Input = document.getElementById("input").value; const list_names = Input.split(", "); for (let i of list_names) { NameArray.push(i); IdArray.push(i); }; console.log(NameArray, IdArray); }; function CreateDict() { NameArray.forEach((key, i) => Dict[key] = IdArray[i]); console.log(Dict); }; CreateDict(); <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <script src="main.js" charset="utf-8" defer></script> <title></title> </head> <body> <form id="form" action="#" method="post"> <input type="text" id="input"> <button onclick="getName();">Get Data</button> </form> </body> </html>Estoy casi seguro de que este código simple debería funcionar correctamente, pero en el registro de mi consola no veo la matriz. Estoy trabajando con Firefox, la última versión.
lo que me sale es lo siguiente:
Object { } <prototype>: Object { … } __defineGetter__: function __defineGetter__() __defineSetter__: function __defineSetter__() __lookupGetter__: function __lookupGetter__() __lookupSetter__: function __lookupSetter__() __proto__: constructor: function Object() hasOwnProperty: function hasOwnProperty() isPrototypeOf: function isPrototypeOf() propertyIsEnumerable: function propertyIsEnumerable() toLocaleString: function toLocaleString() toString: function toString() valueOf: function valueOf() <get __proto__()>: function __proto__() <set __proto__()>: function __proto__()Es problemático porque no puedo depurar, y ni siquiera sé cómo acceder a los pares de valores clave entonces...
Como puedo ver, ha importado un archivo de script en su archivo html. Esto hace que su función CreateDict() se ejecute incluso antes de que escriba en el campo de entrada. La función CreateDict() solo debe ejecutarse una vez que se invoque getName(). La forma ideal será:
const NameArray = []; const IdArray = []; let Dict = {}; function getName() { const Input = document.getElementById("input").value; const list_names = Input.split(", "); for (let i of list_names) { NameArray.push(i); IdArray.push(i); }; console.log(NameArray, IdArray); CreateDict(); }; function CreateDict() { NameArray.forEach((key, i) => Dict[key] = IdArray[i]); console.log(Dict); }; <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <script src="main.js" charset="utf-8" defer></script> <title></title> </head> <body> <form id="form" action="#" method="post"> <input type="text" id="input"> <button onclick="getName();">Get Data</button> </form> </body> </html>