For..In циклів у JavaScript - пари ключових значень

Мені було цікаво, чи є спосіб зробити щось на зразок foreachциклу PHP в JavaScript. Я шукаю функціональність приблизно на зразок цього фрагменту PHP:

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

Я дивився на for..inцикл JS , але, здається, немає способу вказати as. Якщо я це роблю з "нормальним" для циклу ( for(var i = 0; i < data.length; i++), чи є спосіб схопити ключ => пара значень?

Якщо ви можете використовувати ES6 вдома або за допомогою Babel (js компілятор), ви можете зробити наступне:

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

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

Що виведе цей вихід:

a 1
b 2
c 3

Object.entries()Метод повертає масив власного перелічуваних властивостей даного об'єкта [key, value]пара, в тому ж порядку , як це передбачено в for...inциклі ( з тією різницею, що протягом циклу перебирає властивості в ланцюжку прототипів, а) .

• Object.entries документація
• для ... документації
• Знищення того призначення документації
• Рахункова і володіння властивостей документації

Сподіваюся, це допомагає! =)

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

hasOwnPropertyвикористовується для перевірки того, чи targetсправді ви володієте цим властивістю, а не успадкував його від свого прототипу. Трохи простіше було б:

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

Він просто перевіряє , що kце не метод (як ніби targetце arrayви отримаєте багато способів оповіщення, наприклад indexOf, push, popі т.д.) .

Ніхто не згадав, Object.keysтому я це згадаю.

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

бо ... в буде працювати для вас.

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

У сучасному JavaScript ви також можете зробити це:

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

}

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

}

Синтаксис php - це просто цукор.

Я припускаю, що ви знаєте, що iце ключ, і ви можете отримати значення за допомогою data[i](і просто хочете ярлик для цього).

ECMAScript5 представив forEach ^[MDN] для масивів (здається, у вас є масив):

data.forEach(function(value, index) {

});

Документація MDN надає змогу браузерам, які не підтримують її.

Звичайно, це не працює для об'єктів, але ви можете створити для них аналогічну функцію:

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

Оскільки ви позначили це питання jquery, jQuery надає $.each ^[docs], які перетворюються на структури обох, масивів та об'єктів.

Ви можете використовувати for..inдля цього.

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]);
    }
}

У JavaScript кожен об'єкт має купу вбудованих пар ключів-значень, які мають метаінформацію. Коли ви перебираєте всі пари ключових значень для об'єкта, ви також перебираєте їх. Використання hasOwnProperty () фільтрує їх.

ES6 надасть Map.prototype.forEach (зворотний виклик), який можна використовувати так

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

Ви можете використовувати цикл "for in" для цього:

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

Нижче наводиться приклад, який наближається, як ви наближаєтесь.

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

Якщо ви використовуєте jQuery, див. Http://api.jquery.com/jQuery.each/

Якщо ви використовуєте Lodash , ви можете використовувати_.forEach

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

В останні кілька років з часу виникнення цього питання Javascript додав кілька нових функцій. Один з них - метод Object.Entries .

Скопійований безпосередньо з MDN - фрагмент наступного коду

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

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

так, ви можете мати асоціативні масиви також у 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;