代码之家 › 专栏 › 技术社区 › Gobliins

javascript从字符串值添加名称为的属性[重复]

json javascript

Gobliins · 技术社区 · 7 年前

这个问题已经有了答案:

Add a property to a JavaScript object using a variable as the name? 11个答案

是否可以使用字符串中的值向javascript/json对象添加属性?

let myObj= {};

for{prop in propsToAdd){
    myObj.addProp(prop.name, prop.type);
}

myObj.addProp = function (name, type) {
    // here i need to add another json object 
    // with the name as the name of the property
    // and a property called type with the value of the param type
}

例子:

myObj = {}
myObj.addProb("title","string");
myObj.addProp("id","integer")

结果应与:

myObj = {
  "title": {
    "type": "string"
  },
  "id": {
    "type": "integer"
  },
}

我在考虑使用 JSON.stringify (一起构建字符串)和 JSON.parse .

但如果有更优雅的方式,那就更好了。

5 回复 | 直到 7 年前

Zenoo 7 年前

您可以简单地使用 brackets 向对象添加属性的符号:

myObj[name] = {type: type};

let myObj = {};

myObj.addProp = (name, type) => {
  myObj[name] = {type: type};
}

myObj.addProp("title", "string");
myObj.addProp("id", "integer");

console.log(myObj);

CertainPerformance 7 年前

你可以这样做。注意你可能想要 addProp 两者都有,而不是 addProb :

const myObj = {};
// keep the function from being printed when printing the object
Object.defineProperty(myObj, 'addProp', {
  value: function addProp(key, type) {
    myObj[key] = { type };
  },
  enumerable: false
});
  
myObj.addProp("title","string");
myObj.addProp("id","integer");
console.log(myObj);

Charlie 7 年前

myObj.addProp = function (name, type) {
   this[name] = {type: type};
}

可以通过两种不同的方式向对象添加属性。

myObj.prop = 'val';
myObj['prop'] = 'val'

在上述功能上, this 引用要向其添加属性的对象。

Nishant Dixit 7 年前

let myObj = {};

myObj.addProp = (name, type) =>  {
    myObj[name] = {type: type};
}

myObj.addProp("title","string");
myObj.addProp("id","integer");

delete myObj.addProp;

console.log(myObj);

Jules sarraute 7 年前

可以使用构造函数而不是更改对象原型:

function myObj() {
  this.addProp = function(name, type) {
    this[name] = {type: type};
  }
}

var myVal = new myObj();

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

5 月前

user3472810 · Angular@Output/EventEmitter返回undefined

5 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

5 月前