Javascript从对象“弹出”

Question

我编写了以下代码来从对象中“弹出”一个属性，就好像它是一个数组一样。这看起来像是会让我被更严肃的程序员打的那种代码，所以我想知道这样做的正确方法是什么：

// wrong way to pop:
for( key in profiles ){
    var profile = profiles[key];  // get first property
    profiles[key] = 0;            // Save over property just in case "delete" actually deletes the property contents instead of just removing it from the object
    delete profiles[key];         // remove the property from the object
    break;                        // "break" because this is a loop
}

我应该在上面提到，与真正的“流行音乐”不同，我不需要对象以任何特定的顺序出现。我只需要取出一个并将其从其父对象中删除即可。

Answer 1

对于for in 循环，浏览器之间没有“正确”的顺序。有些是按照放入的顺序来做的，有些是先做数字索引的。所以如果不创建自己的自定义对象，真的没有办法做到这一点

Answer 2

for( key in profiles ){

您确实应该将key 声明为var。

profiles[key] = 0;            // Save over property just in case "delete" actually deletes the property contents instead of just removing it from the object

是不必要的。删除不会触及属性的值（或者对于有setter但没有getter的属性，甚至要求它有一个值）。

如果对象在其原型上有任何可枚举的属性，那么这会做一些奇怪的事情。 考虑

Object.prototype.foo = 42;

function take(obj) {
  for (var key in obj) {
    // Uncomment below to fix prototype problem.
    // if (!Object.hasOwnProperty.call(obj, key)) continue;
    var result = obj[key];
    // If the property can't be deleted fail with an error.
    if (!delete obj[key]) { throw new Error(); }
    return result;
  } 
}

var o = {};
alert(take(o));  // alerts 42
alert(take(o));  // still alerts 42

Answer 3

对象中的属性不存储在堆栈中，因此基本概念无法可靠地工作（除了上面 cmets 中提到的其他问题）。

如果你真的需要这样的构造，试试这样的。

var ObjectStack = function(obj) {
    this.object = obj;
    this.stack=[];
};
ObjectStack.prototype.push = function(key,value) {
    this.object[key]=value;
    this.stack.push(key);
};
ObjectStack.prototype.pop = function() {
    var key = this.stack.pop();
    var prop = this.object[key];
    delete this.object[key];
    return prop;
};

var my_obj = {};
var my_stack = new ObjectStack(my_obj);
my_stack.push("prop1",val1);
my_stack.push("prop2",val2);

var last_prop = my_stack.pop(); //val2

演示：http://jsfiddle.net/a8Rf6/5/

Answer 4

您可以像这样创建 pop 方法：.

Object.defineProperty(Object.prototype, 'pop',{
    writable: false
    , configurable: false
    , enumerable: false
    , value: function (name) {
        var value = this[name];
        delete this[name];
        return value;
    }
});

出于某种原因，仅使用 Object.prototype.pop = function ... 会破坏 JQuery

Answer 5

一种更好的方法，而不是直接修改输入数组。 例如。

let arr = [{label: "a"}, {label: "b"}, {label: "p"}, {label: "c"}] 
let newArr = arr.filter(p => { return p.label !== "p";});

Answer 6

现在您可以简单地使用扩展运算符及其 Rest 方式：

const { key, ...profilesWithoutKey } = profiles;

感谢this blog post

Answer 7

研究了上面所有的 cmets 和解决方案，我可以提供一个基于它们的完全现成的解决方案：

Object.prototype.pop = function() {
    for (var key in this) {
        if (!Object.hasOwnProperty.call(this, key)) continue;
        var result = this[key];
        if (!delete this[key]) throw new Error();
        return result;
    }
};

var obj = {
    a: '1',
    b: '2',
    c: '3'
};

console.log(obj.pop()); // 1
console.log(obj.pop()); // 2
console.log(obj.pop()); // 3
console.log(obj); // Object {  }

也许有人会派上用场； )

---

附言。如果您将我建议的代码与 jQuery 库一起使用，您可能会在控制台中遇到错误。在这种情况下，下面给出的选项是合适的：

function _pop() {
    for (var key in this) {
        if (!Object.hasOwnProperty.call(this, key)) continue;
        if (key === 'pop') continue;
        var result = this[key];
        if (!delete this[key]) throw new Error();
        return result;
    }
}

var obj = {
    a: '1',
    b: '2',
    c: '3'
};

obj.pop = _pop;

console.log(obj.pop()); // 1
console.log(obj.pop()); // 2
console.log(obj.pop()); // 3
console.log(obj); // Object { pop: _pop() }

Answer 8

因此没有循环和“功能”噪音，简单

key = 'b'
profile = {a:1, b:2, c:3}

val = profile[key] 
delete profile[key]

console.log(obj, key, val)   // Object { a: 1, c: 3 } b 2