For..In vòng lặp trong JavaScript - cặp giá trị khóa

Tôi đã tự hỏi nếu có một cách để làm một cái gì đó như một foreachvòng lặp PHP trong JavaScript. Chức năng tôi đang tìm kiếm là một cái gì đó giống như đoạn trích PHP này:

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

Tôi đã xem xét for..invòng lặp JS , nhưng dường như không có cách nào để chỉ định as. Nếu tôi làm điều này với một vòng lặp 'bình thường' cho vòng lặp ( for(var i = 0; i < data.length; i++), có cách nào để lấy các cặp khóa => giá trị không?

Nếu bạn có thể sử dụng ES6 nguyên bản hoặc với Babel (trình biên dịch js) thì bạn có thể làm như sau:

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

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

Mà sẽ in ra đầu ra này:

a 1
b 2
c 3

Các Object.entries()phương thức trả về một mảng tài sản đếm được riêng một đối tượng nhất định của [key, value]cặp, theo thứ tự giống như được cung cấp bởi một for...invòng lặp (sự khác biệt là có một cho-in liệt kê vòng lặp tính trong chuỗi ban đầu cũng) .

• Tài liệu của Object.entries
• cho ... tài liệu
• Phá hủy tài liệu chuyển nhượng
• Vô số và quyền sở hữu tài liệu tài sản

Hy vọng nó giúp! =)

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

hasOwnPropertyđược sử dụng để kiểm tra xem bạn targetcó thực sự có tài sản đó hay không, thay vì thừa hưởng nó từ nguyên mẫu của nó. Đơn giản hơn một chút sẽ là:

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

Nó chỉ kiểm tra mà kkhông phải là một phương pháp (như thể targetlà arraybạn sẽ nhận được rất nhiều các phương pháp cảnh báo, ví dụ như indexOf, push, pop, vv.)

Không ai đề cập đến Object.keysnên tôi sẽ đề cập đến nó.

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

cho ... trong sẽ làm việc cho bạn.

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

Trong JavaScript hiện đại, bạn cũng có thể làm điều này:

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

}

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

}

Cú pháp php chỉ là đường.

Tôi giả sử bạn biết đó ilà chìa khóa và bạn có thể nhận được giá trị thông qua data[i](và chỉ muốn một phím tắt cho việc này).

ECMAScript5 đã giới thiệu forEach ^[MDN] cho các mảng (có vẻ như bạn có một mảng):

data.forEach(function(value, index) {

});

Tài liệu MDN cung cấp một shim cho các trình duyệt không hỗ trợ nó.

Tất nhiên điều này không hoạt động cho các đối tượng, nhưng bạn có thể tạo một chức năng tương tự cho chúng:

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

Vì bạn đã gắn thẻ câu hỏi với jquery, jQuery cung cấp $.each ^[docs] vòng lặp trên cả cấu trúc mảng và đối tượng.

Bạn có thể sử dụng for..incho điều đó.

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

Trong javascript, mọi đối tượng đều có một cặp các cặp khóa-giá trị tích hợp có thông tin meta. Khi bạn lặp qua tất cả các cặp khóa-giá trị cho một đối tượng bạn cũng sẽ lặp qua chúng. Việc sử dụng hasOwnProperty () lọc các bộ lọc này ra.

ES6 sẽ cung cấp Map.prototype.forEach (gọi lại) có thể được sử dụng như thế này

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

Bạn có thể sử dụng vòng lặp 'for in' cho việc này:

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

Dưới đây là một ví dụ mà gần như bạn nhận được.

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

Nếu bạn đang sử dụng jQuery, hãy xem: http://api.jquery.com/jQuery.each/

Nếu bạn đang sử dụng Lodash , bạn có thể sử dụng_.forEach

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

Trong vài năm qua kể từ khi câu hỏi này được đưa ra, Javascript đã thêm một vài tính năng mới. Một trong số đó là phương thức Object.Entries .

Sao chép trực tiếp từ MDN là đoạn mã sau

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

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

vâng, bạn có thể có các mảng kết hợp trong 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;