4

Si tengo un array como este en y necesito acceder al campo a de cada campo con javascript, como debo hacerlo? Necesito comprobar si alguno de ellos está vacío, realmente el array está en twig, pero lo pongo así porque no sé como se representa lo mismo en twig, ya que lo paso desde un php

 $arr = array (
      'campo1' => array(
         'a' => 'b',
      ),
      'campo2' => array(
         'a' => 'c',
      ),
      'campo3' => array(
         'a' => 'd',
      ),
      'campo4' => array(
         'a' => 'e',
      ),
    );

Lo que he intentado es lo siguiente

var arr = {{ arr|json_encode() }};
for (a in arr)
{
  if (arr[a] != '' && arr[a] != null)
  {
    alert('algo');
  }
}

Pero ese alert nunca se produce

2
  • ¿Un array o un objeto? Commented el 14 feb. 2018 a las 14:26
  • Es correcta la pregunta de Pablo, en JavaScript no existen "arrays asociativas", esto ya es un objeto como tal.
    – Shaz
    Commented el 14 feb. 2018 a las 14:26

3 respuestas 3

1

Lo que ocurre es que cuando itereras en tu for in traes contigo todos los campos haciendo que arr[a] = {a : "b"}, por ejemplo. Lo que necesitas entonces es acceder a tu propiedad a, entonces seria arr[a].a = "b". Quedando de esta forma:

var arr =  {"campo1":{"a":"b"},"campo2":{"a":"c"},"campo3":{"a":"d"},"campo4":{"a":"e"}};

for(a in arr) {
  if (arr[a].a !== '' && arr[a].a !== null) {
    console.log('El valor de a es ' + arr[a].a);
  }
}

0

Lo siguiente sí funciona:

var arr = {"campo1":{"a":"b"},"campo2":{"a":"c"},"campo3":{"a":"d"},"campo4":{"a":"e"}};

for (a in arr)
{
  if (arr[a] != '' && arr[a] != null)
  {
    console.log(a,'no está vacío');
  }
}

Pero debes examinar el valor que se está asignando a arr (mirando el código de tu HTML) puesto que Twig puede estar escapando las comillas y escribiendo:

  var arr = {"campo1":{"a":"b"},"campo2":{"a":"c"},"campo3":{"a":"d"},"campo4":{"a":"e"}};

Para evitar eso, debes decirle a Twig que imprima la salida de json_encode sin escapar:

var arr = {{ arr|json_encode|raw }};
0

Una solución muy sencilla y rápida es simplemente comprobar el elemento como tal que intentas validar, sin comparadores, actualmente estás haciendo una comparación contra el "objeto" completo, no contra en valor de "a":

var arr = {"campo1":{"a":"b"},"campo2":{"a":"c"},"campo3":{"a":"d"},"campo4":{"a":"e"},"campo5":{"a":""},"campo6":{}};

for (a in arr)
{
  if (arr[a].a)
  {
    console.log('a en', a, 'no está vacío')
  }
}

Seguramente hay soluciones más completas, pero esta funciona en la mayoría de casos.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.