按属性过滤掉对象（不删除）

Question

我有一个看起来像这样的对象：

var myObj: {
    2:"None",
    20:"A",
    31:"A",
    32:"A",
    Social:"B",
    Method:"None"
}

我正在尝试返回没有“社交”和“方法”属性的对象。

首先我尝试在计算属性中像这样删除，但它会从主对象中删除属性：

props: ['myObj']

computed: {
     filterOut: {
        var myObject = this.myObj
        delete myVar['Social'];
        delete myVar['Method'];

        return myObject
    }
}

然后我尝试使用过滤器，但它不允许我这样做：

      var myObject = this.myObj.filter(key => {
          return key != 'Method' || key != 'Social'
      })

      return myObject

TypeError: this.myObj.filter 不是函数

从上面的对象到下面的对象最好的方法是什么？

var myObj: {
    2:"None",
    20:"A",
    31:"A",
    32:"A"
}

Answer 1

也许这个通用解决方案也可以提供帮助：

var myObj = {
    2: "None",
    20: "A",
    31: "A",
    32: "A",
    Social: "B",
    Method: "None"
}

var filtered = _.pickBy(myObj, (v,k)=> _.toInteger(k))

console.log(filtered)

<script src="https://unpkg.com/lodash"></script>

Answer 2

只需创建一个没有这些属性的新对象。

有一个 stage 3 proposal 用于休息/传播属性，可以让你这样做：

const {Social, Method, ...newObj} = originalObj;

（然后忽略 Social 和 Method 常量。）但它仍然只是第 3 阶段（尽管它接近第 4 阶段并且在 ES2018 中看起来不错；在 Chrome 和火狐）。

请注意，这只会处理自己的、可枚举的属性。

在 ES2015+ 中你可以这样做：

const newObj = {};
for (const key of Object.keys(originalObj)) {
    if (key != "Social" && key != "Method") {
        newObj[key] = originalObj[key];
    }
}

或者在 ES5 中：

var newObj = {};
Object.keys(originalObj).forEach(function(key) {
    if (key != "Social" && key != "Method") {
        newObj[key] = originalObj[key];
    }
});

它们都处理自己的、可枚举的属性；如果您想要所有自己的非符号属性，请改用Object.getOwnPropertyNames。

Answer 3

使用 Object.assign 创建新对象，然后删除。

var myObj =  {
    2:"None",
    20:"A",
    31:"A",
    32:"A",
    Social:"B",
    Method:"None"
};

var new_obj = Object.assign({},myObj); // or use spread operator {...myObj};


delete new_obj.Social;
delete new_obj.Method;

console.log(new_obj);

Answer 4

你想要的函数是reduce。

试试这个：

function deleteProperty(object, property) {
  return Object.keys(object).reduce((obj, key) => {
    obj = obj || {};
    if (key !== property) {
      return { ...obj, [key]: object[key]};
    }
    return obj;
  })
}

如果你在浏览器中工作或者不想处理 babel，你可能需要做这样的事情。请注意以下内容未经测试，以上内容经过功能测试，我几乎每天都在使用。

function deleteProperty(object, property) {
  return Object.keys(object).reduce((obj, key) => {
    obj = obj || {};
    if (key !== property) {
      return Object.assign(obj, {[key]: object[key]});
    }
    return obj;
  })
}