Для... циклов в JavaScript - пары ключ-значение

Мне интересно, есть ли способ сделать что-то вроде цикла PHP foreach в JavaScript. Функциональность, которую я ищу, примерно такая: PHP Snippet:

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

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

TTT
Редактировал вопрос 22-го февраля 2018 в 1:29
Программирование
javascript foreach
30-го августа 2011 в 10:34
62 просмотров
for (var k in target){
    if (target.hasOwnProperty(k)) {
         alert("Key is " + k + ", value is " + target[k]);
    }
}

hasOwnProperty используется для проверки, действительно ли ваша цель обладает этим свойством, а не унаследовала его от своего прототипа. Немного проще было бы:

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

Он просто проверяет, что k не является методом (так как если target будет array, вы получите множество методов, например, indexOf, push, pop и т.д.).

Michael Levy
Редактировал ответ 3-го июня 2019 в 11:48
Комментарии (4)

Никто не упоминал о объект.ключи поэтому я'МР упомянуть его.

Object.keys(obj).forEach(function (key) {
   // do something with obj[key]
});
Afshin Moazami
Редактировал ответ 20-го августа 2015 в 5:12
Комментарии (6)
Решение

Если вы можете использовать ЕС6 непосредственно или с Бабель (компилятор в 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

Объект.записи () метод возвращает массив данного объекта&#39;s собственное перечисляемое свойство[ключ, значение]` пар, в том же порядке, как это предусмотрено для...в цикл (разница в том, что для-в петлю перечисляет свойства в цепочке прототипов, а).

Надеюсь, что это помогает! =)

Francesco Casula
Редактировал ответ 1-го марта 2019 в 4:32
Комментарии (4)

for...in будет работать для вас.

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

В современном JavaScript вы также можете сделать это:

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

}
Paul
Редактировал ответ 26-го сентября 2019 в 3:47
Комментарии (0)
 
var obj = {...};
for (var key in obj) {
    var value = obj[key];

}

Синтаксис php - это просто сахар.

JD.
Редактировал ответ 5-го сентября 2017 в 7:00
Комментарии (1)

Я предполагаю, что вы знаете, что " я " является ключевым и что вы можете получить значение с помощью данных[я]` (и просто ярлык для этого).

ECMAScript5 представил объекту <суп>[МДН]</с SUP> У для массивов (кажется, у вас есть массив):

data.forEach(function(value, index) {

});

В МДН документация предусматривает прокладку для браузеров, не поддерживающих его.

Конечно, это не работает для объектов, но вы можете создать аналогичную функцию для них:

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

Поскольку вы пометили вопрос с [тег:в jQuery], библиотека jQuery предоставляет $.каждый <суп>[документы]</с SUP> У, который петли через оба массива и структуры объекта.

Комментарии (9)
 
for (var key in myMap) {
    if (myMap.hasOwnProperty(key)) {
        console.log("key =" + key);
        console.log("value =" + myMap[key]);
    }
}

В JavaScript каждый объект имеет кучу встроенных пар ключ-значение, которые имеют мета-информации. Когда вы перебрать все пары ключ-значение для объекта вы'вновь перебирая их тоже. Использование метода hasOwnProperty() фильтры эти.

Siddhu
Редактировал ответ 19-го июля 2017 в 3:26
Комментарии (0)

Вы можете использовать для..В` для этого.

for (var key in data)
{
    var value = data[key];
}
Комментарии (0)

ЕС6 предоставит карте.прототип.еогеасп(обратного вызова), который может быть использован такой

myMap.forEach(function(value, key, myMap) {
                        // Do something
                    });
Комментарии (3)

Если вы используете Лодашь, Вы можете использовать _.команда foreach

_.forEach({ 'a': 1, 'b': 2 }, function(value, key) {
  console.log(key + ": " + value);
});
// => Logs 'a: 1' then 'b: 2' (iteration order is not guaranteed).
Комментарии (0)

Вы можете использовать 'в' петли для этого:

for (var key in bar) {
     var value = bar[key];
}
Комментарии (0)

Ниже приводится пример, что так близко, как вы получите.

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

Если вы'вновь с помощью jQuery см.: http://api.jquery.com/jQuery.each/

Комментарии (0)
 
let test = {a: 1, b: 2, c: 3};
Object.entries(test).forEach(([key, value]) => console.log(key, value))

// a 1
// b 2
// c 3
Комментарии (1)

да, вы можете иметь ассоциативные массивы также в 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 ...
}
Комментарии (5)
 
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;
Комментарии (0)