Question

可以在JavaScript中使用对象属性进行“for in” - 迭代吗？

我想写一个像这样的Bag-Class：

var Bag = function () {
  this.elements = {};
}

Bag.prototype.add = function (key, value) {
  this.elements[key] = value;
};

// other methods ...

现在我希望在迭代中使用此类的对象：

for (var key in myBag) {
  console.log(myBag[key]); // or myBag.get(key);
}

可以在没有myBag.getAll（）中的var键之类的辅助方法的情况下执行此操作吗？

Answer 1

您可以将键/值对添加到实例本身，并将该方法创建为不可枚举，例如：

function Bag() {
}

Object.defineProperty(Bag.prototype, 'add', {
  enumerable: false,
  value: function(k, v) {
    this[k] = v
  }
})

var bag = new Bag
bag.add('a',1)
bag.add('b',2)
bag.add('c',3)

for (var k in bag)
  console.log(k)
//^ a
//  b
//  c

请注意，您也可以正常声明方法，并始终使用hasOwnProperty检查：

for (var k in bag)
  if (bag.hasOwnProperty(k))
    console.log(k)

或另一种选择：

Object.keys(bag).forEach(function(k) {
  console.log(k)
})

Answer 2

这样的事情怎么样，例如forEach，但你可以制作map或filter或其他什么。

的Javascript

(function () {
    'use strict';

    function Bag() {
        this.elements = {};
    }

    Bag.prototype = {
        add: function (key, value) {
            this.elements[key] = value;
        },

        forEach: function (fn, thisArg) {
            Object.keys(this.elements).forEach(function (key) {
                fn.call(thisArg, this[key], key, this);
            }, this.elements);
        }
    };


    var myBag = new Bag();

    myBag.add('one', 1);
    myBag.add('two', 2);
    myBag.add('three', 3);

    myBag.forEach(function (item, key, object) {
        console.log(this, item, key, object);
    }, 'hello');
}());

输出

hello 1 one Object {one: 1, two: 2, three: 3}
hello 2 two Object {one: 1, two: 2, three: 3}
hello 3 three Object {one: 1, two: 2, three: 3}

在jsFiddle

上

使用object属性进行迭代

2 个答案: