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

javascript-在对象中动态创建数组并将其推送到对象中

javascript

Ciprian · 技术社区 · 8 年前

如何填充 filters .

let filters = {};

要使其看起来像这样:

filters = {
  color: ["Blue", "Black"],
  size: [70, 50]
};

所以如果我有一个函数:

function populate(key, value) {
    //if key is color value gets pushed to filters.color
    //if key is size value gets pushed to filters.size
    //if any other key, create new property with new name
}

因此,这样做将在过滤器中生成一个新的数组:

populate(material, "plastic");

过滤器如下所示:

filters = {
  color: ["Blue", "Black"],
  size: [70, 50],
  material: ["plastic"]
};

3 回复 | 直到 8 年前

Hassan Imam Ravi kant 8 年前

你可以用 in 检查对象中是否存在键。在此基础上,推送对象数组中的值,否则将创建一个具有数组值的新键。

let filters = {};
filters = {
  color: ["Blue", "Black"],
  size: [70, 50]
};

function populate(key, value) {
    //if key is color value gets pushed to filters.color
    //if key is size value gets pushed to filters.size
    //if any other key, create new property with new name
    if(key in filters)
      filters[key].push(value);
    else
      filters[key] = [value];
}
populate('material', "plastic");
console.log(filters);

Narendra Jadhav 8 年前

你可以用 concat 数组if键的方法 filters 对象,否则您将使用新值分配新数组。

演示

var filters = {
  color: ["Blue", "Black"],
  size: [70, 50]
};

function populate(key, value) {
  filters[key] = (filters[key]||[]).concat(value); 
}

populate('material', "plastic");
populate('color', "Red");
populate('size',55);
console.log(filters)

 .as-console-wrapper {max-height: 100% !important;top: 0;}

Asons Oliver Joseph Ash 8 年前

你可以做一些简单的事情,比如检查钥匙是否存在,然后推或分配 .

array[key] ? array[key].push(value) : array[key] = [value];

请注意,您需要将键“material”作为字符串传递,我也建议传递数组,以使函数更可重用。

filters = {
  color: ["Blue", "Black"],
  size: [70, 50]
};

function populate(a, k, v) {
  a[k] ? a[k].push(v) : a[k] = [v];
}

populate(filters, "material", "plastic");

console.log(filters)

推荐文章

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

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

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

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

1 年前