时间戳

首页 > 解决方案 > 如何通过对象键推送和替换数组中的值

javascript - 如何通过对象键推送和替换数组中的值

问题描述

我想知道是否可以将对象推送到数组，如果 iddata-seats已经存在，则在下次单击时替换/覆盖该值。

代码：

var active_filters = [];
$("a").on('click', function() {
    active_filters.push({id: "data-seats", value: increment_value });
});

标签： javascriptjqueryarrays

解决方案

我想知道是否可以将对象推送到数组，如果 id data-seats 已经存在，则在下次单击时替换/覆盖该值。

是的（见下文），但如果您正在寻找一种通过唯一键存储事物的结构，那么数组并不是您的最佳选择。一个对象（用它创建，Object.create(null)所以它不继承任何属性）或者Map是一个更好的选择。那你就做

// With an object
active_filters["data-seats"] = (active_filters["data-seats"] || 0) + 1;

或者

// With a Map
active_filters.set("data-seats", (active_filters.get("data-seats") || 0) + 1);

这些工作是因为 ifdata-seats不在active_filters对象/地图上，active_filters["data-seats"]/ active_filters.get("data-seats")isundefined和undefined || 0is 0。（然后我们将其加 1，并设置新值。）

但是您可以使用数组来执行此操作：find用于查看对象是否已经存在，如果存在则更新它，或者如果不存在则添加它：

var obj = active_filters.find(function(entry) { return entry.id === "data-seats"; });
if (obj) {
    ++obj.value;
} else {
   active_filters.push({id: "data-seats", value: 1});
}

推荐阅读