Home / Questions / 14089
Accepted
Alan
Asked: 2020-06-16 12:42:49 +0800 CST 2020-06-16 12:42:49 +0800 CST

如何在 JavaScript 中创建动态关联对象或数组？

  • 772

表的主体，我想捕获选择的 ( td )的位置，这发生在 click event 中。我有以下内容： 

                //creo el objeto
                 var objetoSelects = new Object();
                 $('#vistaPre tbody tr').each(function (index) {
                    $(this).find("td").each(function(i, el) {
                        // .selectOptions son selects que tengo en un td de la tabla
                        $('.selectOptions').find(':selected').each(function(j, el) {
                            $this = $(this).val();
                            if ($this != '') {

                             // intento crear las posiciones del objeto

                             objetoSelects.$this = j;

                             objetoSelects.selects = $this;

                            }

                        });
                        // salgo del each
                        return false;
                    });
                    // salgo del each
                    return false;
                });

我的意图是创建一个像这样的对象：

// $this es el valor del select ejemplo ('item1')
// j es el contador en este caso la posición actual del <td>
// selects es el valor que le deseo dar a mi otro dato (creo que no esta bien)
objetoSelects(itemx = x, 'selects' = itemx);

我找不到办法。

更新

根据答案，我找到了一种方法，下面是我解决问题的方法

                // cree arrays para guardar la posición del <td> y el valor del select
                var arraySelects  = [];
                var arrayPosition = [];

                $('#vistaPre tbody tr').each(function (index2) {
                    $(this).find("td").each(function(i, el) {
                        //
                        $('.selectOptions').find(':selected').each(function(j, el) {
                            $this = $(this).val();
                            if ($this != '') {

                                //agrego los datos correspondientes
                                arrayPosition.push(j);
                                arraySelects.push($this);

                            }

                        });
                        return false;
                    });
                    return false;
                });
                // creo el objeto y le asigno los valores
                var datoSelect = { 'position': arrayPosition, 'selects': arraySelects};
javascript

3 Answers

  1. Best Answer

    艾伦，这是你正在寻找的一个例子。没有外部库的本机 JS 脚本。

    //Aqui buscamos todos los TR de la tabla
var a = document.querySelectorAll("table tr");
var arreglo = [];
if(a != undefined || a!= null){
  for(var b in a){ //Como que Query Selector All nos entrega un array, entonces ieramos
    var c = a[b];
    if(typeof c == "object"){ //Solo ocupamos los objetos 
      var check = c.querySelector("td input[type='checkbox']:checked"); //ahora que tenemos los tr entonces buscamos dentro de ellos los checkbox que esten checked
      if(check.checked){ //Si estan checked entonces...
        //aqui agrega tu array como necesites
        arreglo.push({"fila":c.rowIndex,"celda":check.parentNode.cellIndex});
        
      //console.log("Fila: "+c.rowIndex,"celda: "+check.parentNode.cellIndex);
      }
    }
  }
}
console.log(arreglo);
    <!--Te dejo un tabla para que puedas ejecutar el script, solo modifica a tus necesidades.-->
<table border="">
<tr>
  <td><input type="checkbox" id="a" name="a" checked="checked" /><label for="a">opcion</label></td>
  <td><input type="checkbox" id="b" name="b" /><label for="b">opcion</label></td>
  </tr>
  <tr>
  <td><input type="checkbox" id="c" name="c" /><label for="c">opcion</label></td>
  <td><input type="checkbox" id="d" name="d" checked="checked" /><label for="d">opcion</label></td>
  </tr>
  <tr>
  <td><input type="checkbox" id="e" name="e" checked="checked" /><label for="e">opcion</label></td>
  <td><input type="checkbox" id="f" name="f" /><label for="f">opcion</label></td>
  </tr>
</table>

    • 3

  2. 我不太明白你的问题。

     var arraySelects = new Object();

    您创建了一个对象，但从名称中我假设您想要一个数组？

    如果你肯定想要一个对象，那么你可以这样做：

    arraySelects['clave'] = valor;

    让我们记住，arraySelects您将它创建为一个对象，在完成该调用后，您可以查询将其arraySelects['key']替换key为您在保存它时给它的名称。

    • 1

  3. 您可以使用创建对象的语法直接赋值：

    objetoSelects = {"items": x, "select": itemx}

    • 1