Go through each index of the indexed array, and from each index extract the preset user with JQuery

Question

Go through each index of the indexed array, and from each index extract the preset user with JQuery

Navigation

#1 by (1 votes)
#2 by (0 votes)

1

Good! It's my first year studying javascript, I have a task that I need to make a kind of order pages, to make things easier for us, the teacher asked us to add users directly to clients and officials (two types of users) in associative arrays and create two indexed arrays to keep clients and officials in each.

I need to know how to go through each index of the indexed array, and of each index (which would be an associative array) extract the preset user with JQuery.

This is my JS so far

var arregloClientes=[]; //array indexado de clientes
var arregloFuncionarios=[]; //array indexado de funcionarios
var cliente1={}; //array asociativo de cada cliente
var cliente2={};
var cliente3={};
var cliente4={};
var funcionario1={}; //array asociativo de cada funcionario
var funcionario2={};
var funcionario3={};
var funcionario4={};

cliente1.numero=1; //número asigando a cada cliente
cliente1.nombre="Juan"; //nombre del cliente
cliente1.apellido="Pérez"; //apellido del cliente
cliente1.usuario="JuP"; //nick del cliente
cliente1.contraseña="123456"; //contraseña del cliente
cliente1.direccion="Uruguay 198"; //dirección de cada cliente
cliente1.telefono="099 987 432"; //teléfono de cada cliente
arregloClientes.push(cliente1); //agregar el cliente al arreglo donde se los contiene

cliente2.numero=2;
cliente2.nombre="Alison";
cliente2.apellido="Normas";
cliente2.usuario="AliNM";
cliente2.contraseña="159753";
cliente2.direccion="Las Piedras 554";
cliente2.telefono="099 123 654";
arregloClientes.push(cliente2);

cliente3.numero=3;
cliente3.nombre="Carlos";
cliente3.apellido="Pérez";
cliente3.usuario="CarlyP";
cliente3.contraseña="123456789";
cliente3.direccion="Uruguay 698";
cliente3.telefono="094 781 898";
arregloClientes.push(cliente3);

cliente4.numero=4;
cliente4.nombre="Mónica";
cliente4.apellido="Rattin";
cliente4.usuario="MoniRT";
cliente4.contraseña="14789632";
cliente4.direccion="Artigas 850";
cliente4.telefono="098 149 716";
arregloClientes.push(cliente4);

funcionario1.numero=1;  //número de cada funcionario
funcionario1.nombre="Mercedes"; //nombre de cada funcionario
funcionario1.apellido="Dos Santos"; //apellido de cada funcionario
funcionario1.cedula="4.789.564-4"; //cédula de cada funcionario
funcionario1.usuario="MecheDS"; //usuario de cada funcionario
funcionario1.contraseña="meche123"; //contraseña de cada funcionario
arregloFuncionarios.push(funcionario1); //agrega al funcionario al arreglo que los contiene

funcionario2.numero=2;
funcionario2.nombre="Julio";
funcionario2.apellido="Machado";
funcionario2.cedula="4.712.697-7";
funcionario2.usuario="JulioM";
funcionario2.contraseña="julio14";
arregloFuncionarios.push(funcionario2);

funcionario3.numero=3
funcionario3.nombre="Agustín";
funcionario3.apellido="Conde";
funcionario3.cedula="5.462.169-9";
funcionario3.usuario="AguCD";
funcionario3.contraseña="agustin321";
arregloFuncionarios.push(funcionario3);

funcionario4.numero=4;
funcionario4.nombre="Andrea";
funcionario4.apellido="Da Rosa";
funcionario4.cedula="5.236.368-8";
funcionario4.usuario="AndreDR";
funcionario4.contraseña="andreita456";
arregloFuncionarios.push(funcionario4);

javascript jquery login

asked by JuanchiP 05.07.2017 в 15:21

source

2 answers

Controller in MVC for the same Model but different role Configure Babel in my work team

score 1 · Answer 1

You should use the forEach function. It is responsible for traversing an array and allows you to work with each of the objects:

var arregloClientes=[]; //array indexado de clientes
var arregloFuncionarios=[]; //array indexado de funcionarios
var cliente1={}; //array asociativo de cada cliente
var cliente2={};
var cliente3={};
var cliente4={};
var funcionario1={}; //array asociativo de cada funcionario
var funcionario2={};
var funcionario3={};
var funcionario4={};

cliente1.numero=2; //número asigando a cada cliente
cliente1.nombre="Juan"; //nombre del cliente
cliente1.apellido="Pérez"; //apellido del cliente
cliente1.usuario="JuP"; //nick del cliente
cliente1.contraseña="123456"; //contraseña del cliente
cliente1.direccion="Uruguay 198"; //dirección de cada cliente
cliente1.telefono="099 987 432"; //teléfono de cada cliente
arregloClientes.push(cliente1); //agregar el cliente al arreglo donde se los contiene

cliente2.numero=1;
cliente2.nombre="Alison";
cliente2.apellido="Normas";
cliente2.usuario="AliNM";
cliente2.contraseña="159753";
cliente2.direccion="Las Piedras 554";
cliente2.telefono="099 123 654";
arregloClientes.push(cliente2);

cliente3.numero=3;
cliente3.nombre="Carlos";
cliente3.apellido="Pérez";
cliente3.usuario="CarlyP";
cliente3.contraseña="123456789";
cliente3.direccion="Uruguay 698";
cliente3.telefono="094 781 898";
arregloClientes.push(cliente3);

cliente4.numero=4;
cliente4.nombre="Mónica";
cliente4.apellido="Rattin";
cliente4.usuario="MoniRT";
cliente4.contraseña="14789632";
cliente4.direccion="Artigas 850";
cliente4.telefono="098 149 716";
arregloClientes.push(cliente4);

funcionario1.numero=1;  //número de cada funcionario
funcionario1.nombre="Mercedes"; //nombre de cada funcionario
funcionario1.apellido="Dos Santos"; //apellido de cada funcionario
funcionario1.cedula="4.789.564-4"; //cédula de cada funcionario
funcionario1.usuario="MecheDS"; //usuario de cada funcionario
funcionario1.contraseña="meche123"; //contraseña de cada funcionario
arregloFuncionarios.push(funcionario1); //agrega al funcionario al arreglo que los contiene

funcionario2.numero=2;
funcionario2.nombre="Julio";
funcionario2.apellido="Machado";
funcionario2.cedula="4.712.697-7";
funcionario2.usuario="JulioM";
funcionario2.contraseña="julio14";
arregloFuncionarios.push(funcionario2);

funcionario3.numero=3
funcionario3.nombre="Agustín";
funcionario3.apellido="Conde";
funcionario3.cedula="5.462.169-9";
funcionario3.usuario="AguCD";
funcionario3.contraseña="agustin321";
arregloFuncionarios.push(funcionario3);

funcionario4.numero=4;
funcionario4.nombre="Andrea";
funcionario4.apellido="Da Rosa";
funcionario4.cedula="5.236.368-8";
funcionario4.usuario="AndreDR";
funcionario4.contraseña="andreita456";
arregloFuncionarios.push(funcionario4);


  function muestraFuncionarios()
    {
     arregloFuncionarios.sort(function(a, b) {
       return a.numero - b.numero;
     });
      arregloFuncionarios.forEach(function(item, index)
      {
        console.log("FUNCIONARIO: "+item.nombre);
      });
    }
    
    function muestraClientes()
    {
        arregloClientes.sort(function(a, b) {
          return a.numero - b.numero;
        });
        arregloClientes.forEach(function(item, index){
          console.log("CLIENTE: "+item.nombre);
        });
    }
    muestraFuncionarios();
    muestraClientes();

EDITED:

Reading your question better, I see that maybe you want to read the array by the order of the number (that is, the number indexed). This you would have to do it by transforming before doing the forEach with Array.prototype.sort () . I changed the order of Alison for Juan's

score 0 · Answer 2

It is necessary to clarify that the associative arrays (or dictionaries) do not exist in javascript, many fall into the error thinking that they are creating an associatid array when they are really creating objects and adding properties dynamically.

As associative arrays do not exist, we can not traverse them with a for or a foreach, order them or obtain a length of the elements that they contend with.

However with a for..in we can go through the properties of any object

for (variable in objeto){sentencias}

Let's see how to go over the properties of the objects in your example (I only did it for clients, for civil servants it would be the same)

var arregloClientes=[]; //array indexado de clientes
var cliente1={}; //array asociativo de cada cliente
var cliente2={};
var cliente3={};
var cliente4={};

cliente1.numero=1; //número asigando a cada cliente
cliente1.nombre="Juan"; //nombre del cliente
cliente1.apellido="Pérez"; //apellido del cliente
cliente1.usuario="JuP"; //nick del cliente
cliente1.contraseña="123456"; //contraseña del cliente
cliente1.direccion="Uruguay 198"; //dirección de cada cliente
cliente1.telefono="099 987 432"; //teléfono de cada cliente
arregloClientes.push(cliente1); //agregar el cliente al arreglo donde se los contiene

cliente2.numero=2;
cliente2.nombre="Alison";
cliente2.apellido="Normas";
cliente2.usuario="AliNM";
cliente2.contraseña="159753";
cliente2.direccion="Las Piedras 554";
cliente2.telefono="099 123 654";
arregloClientes.push(cliente2);

cliente3.numero=3;
cliente3.nombre="Carlos";
cliente3.apellido="Pérez";
cliente3.usuario="CarlyP";
cliente3.contraseña="123456789";
cliente3.direccion="Uruguay 698";
cliente3.telefono="094 781 898";
arregloClientes.push(cliente3);

cliente4.numero=4;
cliente4.nombre="Mónica";
cliente4.apellido="Rattin";
cliente4.usuario="MoniRT";
cliente4.contraseña="14789632";
cliente4.direccion="Artigas 850";
cliente4.telefono="098 149 716";
arregloClientes.push(cliente4);

console.log("Clientes");

for(var i=0; i<arregloClientes.length; i++){
 console.log("----- Cliente " + (i+1) );
 for(var propiedad in arregloClientes[i]){
     console.log(propiedad+" = ",arregloClientes[i][propiedad]);
 }
 console.log("-----");
}