For..In loops en JavaScript - pares de valores clave

Me preguntaba si hay una manera de hacer algo como un foreachbucle PHP en JavaScript. La funcionalidad que estoy buscando es algo como este fragmento de PHP:

foreach($data as $key => $value) { }

Estaba mirando el for..inbucle JS , pero parece que no hay forma de especificar el as. Si hago esto con un bucle for 'normal' ( for(var i = 0; i < data.length; i++), ¿hay alguna manera de obtener los pares clave => valor?

Si puede usar ES6 de forma nativa o con Babel (compilador js), puede hacer lo siguiente:

const test = {a: 1, b: 2, c: 3};

for (const [key, value] of Object.entries(test)) {
  console.log(key, value);
}

Lo que imprimirá esta salida:

a 1
b 2
c 3

El Object.entries()método devuelve una matriz de [key, value]pares de propiedades enumerables propias de un objeto dado , en el mismo orden que el proporcionado por un for...inbucle (la diferencia es que un bucle for-in también enumera propiedades en la cadena prototipo) .

• Documentación de entradas de objeto
• para ... de documentación
• Destrucción de la documentación de la tarea
• Documentación de enumeración y propiedad de propiedades

¡Espero eso ayude! =)

for (var k in target){
    if (target.hasOwnProperty(k)) {
         alert("Key is " + k + ", value is " + target[k]);
    }
}

hasOwnPropertyse utiliza para verificar si targetrealmente tiene esa propiedad, en lugar de haberla heredado de su prototipo. Un poco más simple sería:

for (var k in target){
    if (typeof target[k] !== 'function') {
         alert("Key is " + k + ", value is" + target[k]);
    }
}

Es sólo comprueba que kno es un método (como si targetes arrayque obtendrá una gran cantidad de métodos de alerta, por ejemplo indexOf, push, pop, etc.)

Nadie lo ha mencionado, Object.keysasí que lo mencionaré.

Object.keys(obj).forEach(function (key) {
   // do something with obj[key]
});

para ... en trabajará para ti.

for( var key in obj ) {
  var value = obj[key];
}

En JavaScript moderno también puedes hacer esto:

for ( const [key,value] of Object.entries( obj ) ) {

}

var obj = {...};
for (var key in obj) {
    var value = obj[key];

}

La sintaxis php es solo azúcar.

Supongo que sabe que esa ies la clave y que puede obtener el valor a través de data[i](y solo quiere un atajo para esto).

ECMAScript5 introdujo forEach ^[MDN] para las matrices (parece que tiene una matriz):

data.forEach(function(value, index) {

});

La documentación de MDN proporciona una cuña para los navegadores que no lo admiten.

Por supuesto, esto no funciona para los objetos, pero puede crear una función similar para ellos:

function forEach(object, callback) {
    for(var prop in object) {
        if(object.hasOwnProperty(prop)) {
            callback(prop, object[prop]);
        }
    }
}

Desde que etiquetaste la pregunta con jquery, jQuery proporciona $.each ^[docs] que recorre las estructuras de matriz y de objeto.

Puedes usar el for..inpara eso.

for (var key in data)
{
    var value = data[key];
}

for (var key in myMap) {
    if (myMap.hasOwnProperty(key)) {
        console.log("key =" + key);
        console.log("value =" + myMap[key]);
    }
}

En javascript, cada objeto tiene un par de pares clave-valor integrados que tienen metainformación. Cuando recorre todos los pares clave-valor de un objeto, también lo recorre. El uso de hasOwnProperty () los filtra.

ES6 proporcionará Map.prototype.forEach (devolución de llamada) que se puede usar de esta manera

myMap.forEach(function(value, key, myMap) {
                        // Do something
                    });

let test = {a: 1, b: 2, c: 3};
Object.entries(test).forEach(([key, value]) => console.log(key, value))

// a 1
// b 2
// c 3

Puede usar un bucle 'for in' para esto:

for (var key in bar) {
     var value = bar[key];
}

A continuación se muestra un ejemplo que se acerca lo más posible.

for(var key in data){
  var value = data[key];    
  //your processing here
}

Si está utilizando jQuery, consulte: http://api.jquery.com/jQuery.each/

Si está usando Lodash , puede usar_.forEach

_.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
  console.log(key + ": " + value);
});
// => Logs 'a: 1' then 'b: 2' (iteration order is not guaranteed).

En los últimos años desde que se hizo esta pregunta, Javascript ha agregado algunas características nuevas. Uno de ellos es el método Object.Entries .

Copiado directamente de MDN es el fragmento de código siguiente

const object1 = {
  a: 'somestring',
  b: 42
};

for (let [key, value] of Object.entries(object1)) {
  console.log(`${key}: ${value}`);
}

sí, puedes tener matrices asociativas también en javascript:

var obj = 
{
    name:'some name',
    otherProperty:'prop value',
    date: new Date()
};
for(i in obj)
{
    var propVal = obj[i]; // i is the key, and obj[i] is the value ...
}

var global = (function() {
   return this;
})();

// Pair object, similar to Python

function Pair(key, value) {
    this.key = key;
    this.value = value;

    this.toString = function() {
       return "(" + key + ", " + value + ")";
    };
}

/**
 * as function
 * @param {String} dataName A String holding the name of your pairs list.
 * @return {Array:Pair} The data list filled
 *    with all pair objects.
 */
Object.prototype.as = function(dataName) {
    var value, key, data;
    global[dataName] = data = [];

    for (key in this) {
       if (this.hasOwnProperty(key)) {
          value = this[key];

          (function() {
             var k = key,
                 v = value;

            data.push(new Pair(k, v));
          })();
       }
    }

    return data;
};

var d = {
   'one': 1,
   'two': 2
};

// Loop on your (key, list) pairs in this way
for (var i = 0, max = d.as("data").length; i < max; i += 1) {
   key = data[i].key;
   value = data[i].value;

   console.log("key: " + key + ", value: " + value);
}

// delete data when u've finished with it.
delete data;